Limit institution banner image size (#2394)

CenterForOpenScience · Nov 15, 2024 · f5ced50 · f5ced50
1 parent 3a51a9e
commit f5ced50
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/app/institutions/dashboard/-components/institutional-dashboard-wrapper/styles.scss b/app/institutions/dashboard/-components/institutional-dashboard-wrapper/styles.scss
@@ -19,6 +19,11 @@
     justify-content: space-between;
 }
 
+.institution-banner {
+    max-width: 100%;
+    max-height: 300px;
+}
+
 .tab-list {
     @include clamp-width;
     @include tab-list;

diff --git a/app/institutions/dashboard/-components/institutional-dashboard-wrapper/template.hbs b/app/institutions/dashboard/-components/institutional-dashboard-wrapper/template.hbs
@@ -7,7 +7,7 @@
         local-class='heading-wrapper'
     >
         <div local-class='banner'>
-            <img src='{{@institution.bannerUrl}}' alt='{{@institution.name}}'>
+            <img local-class='institution-banner' src='{{@institution.bannerUrl}}' alt='{{@institution.name}}'>
         </div>
         <ul
             data-analytics-scope='Dashboard tabs'