Step 8.5: Add picture style to chat stylesheet

Urigo · Nov 23, 2016 · 9d35b75 · 9d35b75
1 parent ccd4b29
commit 9d35b75
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/client/styles/chat.scss b/client/styles/chat.scss
@@ -66,7 +66,7 @@
     background-image: url(/message-mine.png)
   }
 
-  .message-text {
+  .text {
     padding: 5px 7px;
     word-wrap: break-word;
 
@@ -76,6 +76,16 @@
     }
   }
 
+  .picture {
+    padding: 4px 4px 0;
+
+    img {
+      width: 220px;
+      height: 130px;
+      border-radius: 6px;
+    }
+  }
+
   .message-timestamp {
     position: absolute;
     bottom: 2px;