|
@@ -26,5 +26,28 @@
|
|
|
.sub { font-size:12px; color:#777; }
|
|
.sub { font-size:12px; color:#777; }
|
|
|
.ops { display:flex; align-items:center; }
|
|
.ops { display:flex; align-items:center; }
|
|
|
.overlay { position:fixed; inset:0; background:rgba(0,0,0,0.2); }
|
|
.overlay { position:fixed; inset:0; background:rgba(0,0,0,0.2); }
|
|
|
-.customer-panel { z-index:100;position:fixed; right:20px; top:60px; width:480px; height:80vh; background:#fff; border:1px solid #ddd; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,0.1); overflow:auto; padding:8px; }
|
|
|
|
|
-.customer-panel .close { position:absolute; right:12px; top:10px; padding:6px 10px; }
|
|
|
|
|
|
|
+@media (max-width: 768px) {
|
|
|
|
|
+ .customer-panel {
|
|
|
|
|
+ width:100vw!important;
|
|
|
|
|
+ height:100vh!important;
|
|
|
|
|
+ top:0px!important;
|
|
|
|
|
+ left:0px;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.customer-panel {
|
|
|
|
|
+ z-index:100;position:fixed;
|
|
|
|
|
+ right:20px;
|
|
|
|
|
+ top:60px;
|
|
|
|
|
+ width:480px;
|
|
|
|
|
+ height:90vh;
|
|
|
|
|
+ background:#fff;
|
|
|
|
|
+ border:1px solid #ddd;
|
|
|
|
|
+ border-radius:8px;
|
|
|
|
|
+ box-shadow:0 8px 24px rgba(0,0,0,0.1);
|
|
|
|
|
+ overflow:auto;
|
|
|
|
|
+ padding:8px;
|
|
|
|
|
+ }
|
|
|
|
|
+.customer-panel .close {
|
|
|
|
|
+ position:absolute; right:12px; top:10px; padding:6px 10px; }
|
