From 44b712310b774ce8b7e141e09c662053156d90d1 Mon Sep 17 00:00:00 2001
From: Deven Phillips <deven.phillips@us.af.mil>
Date: Wed, 16 Feb 2022 17:37:25 +0000
Subject: [PATCH] BULL-1639
---
src/components/ServicesSummary.vue | 22 ++++++++++++++++++++++
1 file changed, 22 insertions(+)
diff --git a/src/components/ServicesSummary.vue b/src/components/ServicesSummary.vue
index 504a9e50..21f22dd0 100644
--- a/src/components/ServicesSummary.vue
+++ b/src/components/ServicesSummary.vue
@@ -6,6 +6,7 @@ import CyberSecLogo from '../assets/images/logos/CyberSecLogo.png';
<v-flex lg2 md3 sm6 xs12 v-if="!ignoreIronBank">
<LogoCard
:logoSource="ibLogo"
+ class="serviceHeight"
logoCardText="Download DoD-wide approved containers or harden with Iron Bank"
logoCardUrl="/products/iron-bank/"
/>
@@ -13,6 +14,7 @@ import CyberSecLogo from '../assets/images/logos/CyberSecLogo.png';
<v-flex lg2 md3 sm6 xs12 v-if="!ignoreBigBang">
<LogoCard
:logoSource="bbLogo"
+ class="serviceHeight"
logoCardText="Deploy your own software factory with Big Bang"
logoCardUrl="/products/big-bang/"
/>
@@ -20,6 +22,7 @@ import CyberSecLogo from '../assets/images/logos/CyberSecLogo.png';
<v-flex lg2 md3 sm6 xs12 v-if="!ignorePartyBus">
<LogoCard
:logoSource="pbLogo"
+ class="serviceHeight"
logoCardText="Get hands-on experience onboarding with Party Bus"
logoCardUrl="/products/party-bus"
/>
@@ -27,6 +30,7 @@ import CyberSecLogo from '../assets/images/logos/CyberSecLogo.png';
<v-flex lg2 md3 sm6 xs12 v-if="!ignoreCNAP">
<LogoCard
:logoSvg="cnapLogo"
+ class="serviceHeight"
logoCardText="Provide access to development, testing, and production enclaves"
logoCardUrl="/products/cnap/"
/>
@@ -34,6 +38,7 @@ import CyberSecLogo from '../assets/images/logos/CyberSecLogo.png';
<v-flex lg2 md3 sm6 xs12>
<LogoCard
:logoSource="csLogo"
+ class="serviceHeight"
logoCardText="Stay secured with our Cybersecurity team processes"
logoCardUrl="/products/cybersecurity"
/>
@@ -130,4 +135,21 @@ export default {
}
}
}
+@media screen and (max-width: 1904px) {
+ .serviceHeight {
+ height: 280px;
+ }
+}
+
+@media screen and (max-width: 1264px) {
+ .serviceHeight {
+ height: 260px;
+ }
+}
+
+@media screen and (max-width: 960px) {
+ .serviceHeight {
+ height: 240px;
+ }
+}
</style>
--
GitLab