Limit institution banner image size (#2394)

futa-ikeda · web-flow · commit f5ced50fadd3 · 2024-11-15T12:05:48.000-05:00
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'

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`local-class='heading-wrapper'`
`8`	`8`	`>`
`9`	`9`	`<div local-class='banner'>`
`10`		`- <img src='{{@institution.bannerUrl}}' alt='{{@institution.name}}'>`
	`10`	`+ <img local-class='institution-banner' src='{{@institution.bannerUrl}}' alt='{{@institution.name}}'>`
`11`	`11`	`</div>`
`12`	`12`	`<ul`
`13`	`13`	`data-analytics-scope='Dashboard tabs'`