fix max-width-issue

OpenTechStrategies · Feb 7, 2025 · 3a17ac1 · 3a17ac1
1 parent 173c759
commit 3a17ac1
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/front-end/src/App.vue b/front-end/src/App.vue
@@ -277,7 +277,6 @@ main {
   gap: var(--wac--semantic-spacing--tertiary);
   z-index: 999;
   padding-bottom: 6px;
-  margin-bottom: var(--wac--semantic-spacing--tertiary);
 }
 
 .search-input-wrapper {

diff --git a/front-end/src/assets/base.css b/front-end/src/assets/base.css
@@ -265,6 +265,7 @@ button,
 .padded-view {
   padding-left: var(--wac--accessible-spacing--2x);
   padding-right: var(--wac--accessible-spacing--2x);
+  padding-top: var(--wac--accessible-spacing--2x);
 }
 
 .search-results {
@@ -273,6 +274,7 @@ button,
 }
 
 @media screen and (min-width: 768px) and (max-width: 1460px) {
+
   body {
     padding: var(--wac--semantic-spacing--primary);
   }
@@ -291,6 +293,7 @@ button,
     grid-template-columns: 1fr 1fr;
     gap: 1rem;
     margin: 0px;
+    max-width: none;
     overflow-x: scroll;
   }
 }
@@ -318,4 +321,4 @@ button,
     max-width: 650px;
     overflow-x: scroll;
   }
-}
+}
diff --git a/front-end/src/components/ResourceDetailItem.vue b/front-end/src/components/ResourceDetailItem.vue
@@ -85,6 +85,7 @@ const resolvedImageUrls = computed(() =>
 .resource-detail-item-image > img {
   width: 100%;
   height: 100%;
+  max-height: 600px;
   background-color: white;
   padding: var(--wac--accessible-spacing--1x) var(--wac--accessible-spacing--1x)
     var(--wac--accessible-spacing--4x) var(--wac--accessible-spacing--1x);

diff --git a/front-end/src/components/SearchList.vue b/front-end/src/components/SearchList.vue
@@ -236,6 +236,7 @@ const filteredResources = computed(() =>
     background-color: none;
     width: auto;
   }
+  
 }
 
 @media screen and (min-width: 1460px) {
-Original file line number
+Diff line change
@@ Expand Up / @@ -236,6 +236,7 @@ const filteredResources = computed(() => @@
         background-color: none;
         width: auto;
       }
     }
     @media screen and (min-width: 1460px) {
@@ Expand Down @@