Update style.css
Browse files
style.css
CHANGED
|
@@ -135,15 +135,15 @@ button:disabled {
|
|
| 135 |
color: #1c6fa2;
|
| 136 |
}
|
| 137 |
|
| 138 |
-
/* รถเข็น
|
| 139 |
#cart-icon-box {
|
| 140 |
-
position:
|
| 141 |
-
top:
|
| 142 |
-
right:
|
| 143 |
-
z-index:
|
| 144 |
background: #f5f9fc;
|
| 145 |
border-radius: 12px;
|
| 146 |
-
padding:
|
| 147 |
box-shadow: 0 2px 6px #b2c7e622;
|
| 148 |
min-width: 56px;
|
| 149 |
border: 1px solid #dde7f3;
|
|
@@ -151,7 +151,7 @@ button:disabled {
|
|
| 151 |
display: flex;
|
| 152 |
align-items: center;
|
| 153 |
gap: 0.3em;
|
| 154 |
-
|
| 155 |
}
|
| 156 |
#cart-icon-box:hover {
|
| 157 |
background: #d7edff;
|
|
@@ -226,6 +226,6 @@ html, body {
|
|
| 226 |
max-width: 97vw;
|
| 227 |
padding: 8px;
|
| 228 |
}
|
| 229 |
-
#cart-icon-box { top: 6px; }
|
| 230 |
.section { margin-bottom: 0.7em; }
|
| 231 |
}
|
|
|
|
| 135 |
color: #1c6fa2;
|
| 136 |
}
|
| 137 |
|
| 138 |
+
/* รถเข็น ลอยขวาบน fixed */
|
| 139 |
#cart-icon-box {
|
| 140 |
+
position: fixed;
|
| 141 |
+
top: 18px;
|
| 142 |
+
right: 16px;
|
| 143 |
+
z-index: 99;
|
| 144 |
background: #f5f9fc;
|
| 145 |
border-radius: 12px;
|
| 146 |
+
padding: 6px 16px;
|
| 147 |
box-shadow: 0 2px 6px #b2c7e622;
|
| 148 |
min-width: 56px;
|
| 149 |
border: 1px solid #dde7f3;
|
|
|
|
| 151 |
display: flex;
|
| 152 |
align-items: center;
|
| 153 |
gap: 0.3em;
|
| 154 |
+
transition: background 0.15s;
|
| 155 |
}
|
| 156 |
#cart-icon-box:hover {
|
| 157 |
background: #d7edff;
|
|
|
|
| 226 |
max-width: 97vw;
|
| 227 |
padding: 8px;
|
| 228 |
}
|
| 229 |
+
#cart-icon-box { right: 6px; top: 6px; padding: 5px 12px; }
|
| 230 |
.section { margin-bottom: 0.7em; }
|
| 231 |
}
|