refactor: documents list visable column when screen resize

projectcaluma · Nov 22, 2024 · a73b55c · a73b55c
1 parent ae10efb
commit a73b55c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/styles/_responsive.scss b/app/styles/_responsive.scss
@@ -8,7 +8,7 @@
 
 @container alexandria (max-width: 1550px) {
   .document-details {
-    width: 300px;
+    width: clamp(500px, 50%, 175px);
 
     > div {
       min-width: 300px;
@@ -22,7 +22,7 @@
   }
 }
 
-@container table (max-width: 850px) {
+@container table (max-width: 750px) {
   .side-nav > div:first-child {
     font-size: 0;
   }
@@ -59,7 +59,7 @@
   }
 }
 
-@container table (max-width: 900px) {
+@container table (max-width: 600px) {
   .document-list-item-modifiedAt {
     display: none;
   }