Correct display for non-square images in the title page. Closes #272.

impworks · Jan 14, 2024 · c58b513 · c58b513
1 parent 0b570fc
commit c58b513
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/Bonsai/Areas/Common/Styles/Components/admin/pages.scss b/src/Bonsai/Areas/Common/Styles/Components/admin/pages.scss
@@ -54,9 +54,12 @@
 #editor-main-photo {
     .main-photo-wrapper {
         .main-photo {
-            width: 100%;
-            height: auto;
-
+            object-fit: cover;
+            border-radius: 100%;
+            width: 11rem;
+            height: 11rem;
+            margin: auto;
+            display: block;
             margin-bottom: 15px;
         }
     }

diff --git a/src/Bonsai/Areas/Common/Styles/Components/front/infoblock.scss b/src/Bonsai/Areas/Common/Styles/Components/front/infoblock.scss
@@ -33,6 +33,7 @@
         margin-bottom: 1rem;
 
         img {
+            object-fit: cover;
             border-radius: 100%;
             width: 11rem;
             height: 11rem;