From 6eb3873af0a5b105c184de70081a23f5f3308fac Mon Sep 17 00:00:00 2001
From: futa-ikeda <futa.ikeda@gmail.com>
Date: Fri, 15 Nov 2024 11:46:56 -0500
Subject: [PATCH] Limit institution banner image size

---
 .../-components/institutional-dashboard-wrapper/styles.scss  | 5 +++++
 .../-components/institutional-dashboard-wrapper/template.hbs | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/institutions/dashboard/-components/institutional-dashboard-wrapper/styles.scss b/app/institutions/dashboard/-components/institutional-dashboard-wrapper/styles.scss
index 7613d27222..08a87d59c7 100644
--- 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
index acdccd258c..1815421af6 100644
--- 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'