zenityx commited on
Commit
3383038
·
verified ·
1 Parent(s): da7b96e

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +8 -8
style.css CHANGED
@@ -135,15 +135,15 @@ button:disabled {
135
  color: #1c6fa2;
136
  }
137
 
138
- /* รถเข็น sticky ใ.container */
139
  #cart-icon-box {
140
- position: sticky;
141
- top: 8px;
142
- right: 0;
143
- z-index: 10;
144
  background: #f5f9fc;
145
  border-radius: 12px;
146
- padding: 4px 14px;
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
- margin-left: auto;
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
  }