Преглед на файлове

Added media queries to resize attatchments

media queries match other break points and break from a 3 column to 2 to 1
Brooks Becton преди 7 години
родител
ревизия
dd1a8ade5e
променени са 1 файла, в които са добавени 21 реда и са изтрити 0 реда
  1. 21 0
      client/components/cards/attachments.styl

+ 21 - 0
client/components/cards/attachments.styl

@@ -58,7 +58,28 @@
 
 .preview-clipboard-image
   width: 280px
+  max-width: 100%;
   height: 200px
   display: block
   border: 1px solid black
   box-shadow: 0 1px 2px rgba(0,0,0,.2)
+
+@media screen and (max-width: 800px)
+  .attachments-galery
+    flex-direction
+      row
+    .attachment-item
+      width: 50% - 2%
+
+      .attachment-thumbnail
+        height: 130px
+      .attachment-details
+        font-size: 1.1em
+
+@media screen and (max-width: 360px)
+  .attachments-galery
+    .attachment-item
+      width: 100%
+
+      .attachment-thumbnail
+        height: 200px