ui(members' avatars): avatars are more responsive

2019-01-24 12:41:06 +01:00 · 2019-01-24 12:41:06 +01:00 · 4fe4b70ee1
commit 4fe4b70ee1
parent 24ed10f296
1 changed files with 12 additions and 4 deletions
--- a/src/styles/members.scss
+++ b/src/styles/members.scss
@ -70,13 +70,21 @@
        }

        sib-display-img {
-          flex-basis:150px;
-          height: 300px;
+          background-color: white;
+          border-radius: 50%;
+          height: 28vh;
          margin: 1em auto;
-          width: 50%;
+          overflow: hidden;
+          position: relative;
+          width: 28vh;
+

          img {
-            border-radius: 100%;
+            height: 100%;
+            left: 0;
+            object-fit: cover;
+            position: absolute;
+            top: 0;
            width: 100%;
          }
        }