+1
-1
src/component/purchase.jsx
+1
-1
src/component/purchase.jsx
···
286
286
<div>
287
287
Total Price: <b>{getTotalPrice()} kr</b>
288
288
</div>
289
-
<div style={{color: "gray"}}>
289
+
<div style={{color: "gray`"}}>
290
290
(Priset kan variera lite)
291
291
</div>
292
292
<Button variant="contained" size="large" color="success" className={styles.confirm_button} disabled={JSON.stringify(getCartAsList()) == "[]" ? true : false}>Confirm Order</Button>
+8
-7
styles/Home.module.css
+8
-7
styles/Home.module.css
···
87
87
}
88
88
89
89
.menu_icon {
90
-
position: sticky;
90
+
position: fixed !important;
91
91
top: 20px;
92
92
left: 100vw;
93
+
transform: translateX(calc(-100% - 40px));
93
94
font-size: 48px;
94
-
border-radius: 100px;
95
+
border-radius: 100px !important;
95
96
z-index: 2;
96
97
}
97
98
98
99
.link_menu {
99
100
position: fixed;
100
101
left: 100vw;
101
-
transform: translateY(-45px) translateX(-100%);
102
+
transform: translateY(-50px) translateX(-100%);
102
103
width: 400px;
103
104
height: 100vh;
104
105
background-color: white;
···
119
120
.link_menu {
120
121
position: fixed;
121
122
left: 0;
122
-
transform: translateY(-45px);
123
+
transform: translateY(-50px);
123
124
width: 100vw;
124
125
height: max-content;
125
126
min-height: 300px;
···
134
135
}
135
136
136
137
.menu_icon {
137
-
position: sticky;
138
+
position: fixed !important;
138
139
top: 20px;
139
-
left: 20px;
140
+
left: 120px;
140
141
font-size: 48px;
141
-
border-radius: 100px;
142
+
border-radius: 100px !important;
142
143
z-index: 2;
143
144
}
144
145
}