updated styles to reflect most up to date wireframes

nih-sparc · May 13, 2024 · 66be772 · 66be772
1 parent dea9b5e
commit 66be772
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/mixins/consortia/index.js b/mixins/consortia/index.js
@@ -1,4 +1,4 @@
-import { isEmpty, propOr } from 'ramda'
+import { propOr } from 'ramda'
 export default {
   data() {
     return {
@@ -18,8 +18,9 @@ export default {
           return propOr([], 'items', response)[0]
         }).catch(() => { })
       const { firstColor, secondColor, thirdColor } = propOr('', 'fields', consortiaItem)
-      this.consortiaStyle = isEmpty(thirdColor) ?
-        { backgroundImage: `linear-gradient(#${firstColor}, #${secondColor}` } :
+      this.consortiaStyle = thirdColor == undefined && secondColor == undefined ?
+        { backgroundColor: `#${firstColor}` } : thirdColor == undefined ?
+        { backgroundImage: `linear-gradient(#${firstColor}, #${secondColor}` } :    
         { backgroundImage: `linear-gradient(#${firstColor}, #${secondColor}, #${thirdColor}` }
     },
   }

diff --git a/pages/about/consortia/[id].vue b/pages/about/consortia/[id].vue
@@ -6,8 +6,8 @@
       <div class="row mt-32">
         <paper class="row-item" :text="parseMarkdown(whoWeAre)" :button-text="whoWeAreButtonText"
           :button-link="whoWeAreButtonLink" />
-        <paper class="row-item" :text="parseMarkdown(whatWeDo)" :button-text="whatWeDoButtonText"
-          :button-link="whatWeDoButtonLink" />
+        <!--<paper class="row-item" :text="parseMarkdown(whatWeDo)" :button-text="whatWeDoButtonText"
+          :button-link="whatWeDoButtonLink" />-->
         <paper class="row-item" :text="parseMarkdown(ourResearch)" :button-text="ourResearchButtonText"
           :button-link="ourResearchButtonLink" />
       </div>
@@ -190,7 +190,7 @@ export default {
 }
 
 .row-item {
-  width: 30%;
+  width: 49%;
   display: flex;
 
   @media screen and (max-width: 767px) {