Added imports to main.js

AdityaPatil22 · AdityaPatil22 · commit 9eb9ae784c2a · 2024-07-24T15:41:23.000+05:30
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/assets/base.css b/src/assets/base.css
@@ -1,5 +1,5 @@
 body {
-  font-family: "Red Hat Text", sans-serif;
+  font-family: 'Red Hat Text', sans-serif;
   font-size: 1rem;
   line-height: 1.5rem;
   margin: 0;
diff --git a/src/components/blog/ComplianceAndRiskSection.vue b/src/components/blog/ComplianceAndRiskSection.vue
@@ -62,9 +62,7 @@
   </div>
 </template>
 
-<script setup>
-  import '@patternfly/elements/pf-card/pf-card.js'
-</script>
+<script setup></script>
 
 <style scoped>
   .container {
diff --git a/src/components/blog/ProdsecBlog.vue b/src/components/blog/ProdsecBlog.vue
@@ -172,9 +172,7 @@
   </div>
 </template>
 
-<script setup>
-  import '@patternfly/elements/pf-card/pf-card.js'
-</script>
+<script setup></script>
 
 <style scoped>
   ::-webkit-scrollbar-thumb {
diff --git a/src/components/header/AllRedHatModal.vue b/src/components/header/AllRedHatModal.vue
@@ -57,4 +57,8 @@
     align-items: center;
     justify-content: center;
   }
+
+  pf-button {
+    --pf-c-button--m-primary--BackgroundColor: transparent;
+  }
 </style>
diff --git a/src/components/header/EnglishModal.vue b/src/components/header/EnglishModal.vue
@@ -43,4 +43,8 @@
     font-size: 16px;
     color: #06c;
   }
+
+  pf-button {
+    --pf-c-button--m-primary--BackgroundColor: transparent;
+  }
 </style>
diff --git a/src/components/header/HamburgerMenuModal.vue b/src/components/header/HamburgerMenuModal.vue
@@ -43,4 +43,8 @@
     height: 80%;
     top: 340px;
   }
+
+  pf-button {
+    --pf-c-button--m-primary--BackgroundColor: transparent;
+  }
 </style>
diff --git a/src/components/header/SearchModal.vue b/src/components/header/SearchModal.vue
@@ -45,4 +45,8 @@
   a {
     font-size: 17px;
   }
+
+  pf-button {
+    --pf-c-button--m-primary--BackgroundColor: transparent;
+  }
 </style>
diff --git a/src/components/header/SecurityLandingHeader.vue b/src/components/header/SecurityLandingHeader.vue
@@ -12,7 +12,7 @@
     <hr />
     <div class="pf-v5-l-grid pf-m-gutter-on-sm">
       <div
-        class="pf-v5-l-grid__item pf-m-9-col pf-m-4-col-on-sm pf-m-3-col-on-md pf-m-3-col-on-lg pf-m-2-col-on-xl"
+        class="pf-v5-l-grid__item pf-m-8-col pf-m-4-col-on-sm pf-m-3-col-on-md pf-m-3-col-on-lg pf-m-2-col-on-xl"
       >
         <div class="pf-v5-l-flex__item">
           <img
@@ -22,7 +22,7 @@
         </div>
       </div>
       <div
-        class="pf-v5-l-grid__item pf-m-1-col pf-m-4-col-on-sm pf-m-3-col-on-md pf-m-5-col-on-lg pf-m-7-col-on-xl"
+        class="pf-v5-l-grid__item pf-m-2-col pf-m-4-col-on-sm pf-m-2-col-on-md pf-m-4-col-on-lg pf-m-6-col-on-xl"
       >
         <div class="pf-v5-l-flex menu-container">
           <div
@@ -39,7 +39,7 @@
       </div>
 
       <div
-        class="pf-v5-l-grid__item pf-m-2-col pf-m-4-col-on-sm pf-m-6-col-on-md pf-m-4-col-on-lg pf-m-3-col-on-xl"
+        class="pf-v5-l-grid__item pf-m-2-col pf-m-4-col-on-sm pf-m-7-col-on-md pf-m-5-col-on-lg pf-m-4-col-on-xl"
       >
         <div class="pf-v5-l-flex pf-m-justify-content-flex-end">
           <div class="pf-v5-l-flex__item header-navigation-item menu-item">
@@ -52,10 +52,12 @@
             <AllRedHatModal />
           </div>
           <div class="pf-v5-l-flex__item header-navigation-item menu-item">
-            <i class="fa fa-user"></i>
-            <p>
-              <a href="#" class="navigation-item-text">Log In</a>
-            </p>
+            <pf-button>
+              <i class="fa fa-user"></i>
+              <p>
+                <a href="#">Log In</a>
+              </p>
+            </pf-button>
           </div>
         </div>
       </div>
@@ -122,6 +124,7 @@
     border-top: 3px solid #151515;
     border-radius: 3px;
     padding: 22px 2px;
+    margin-right: 0px;
   }
 
   .menu-item:hover {
@@ -146,6 +149,10 @@
     text-decoration: none;
   }
 
+  pf-button {
+    --pf-c-button--m-primary--BackgroundColor: transparent;
+  }
+
   @media screen and (max-width: 1199px) {
     .hamburger-menu {
       display: block;
diff --git a/src/components/header/TextMenuItem.vue b/src/components/header/TextMenuItem.vue
@@ -73,4 +73,8 @@
     font-size: 17px;
     font-weight: 400;
   }
+
+  pf-button {
+    --pf-c-button--m-primary--BackgroundColor: transparent;
+  }
 </style>
diff --git a/src/main.js b/src/main.js
@@ -6,6 +6,7 @@ import '@rhds/elements/rh-card/rh-card.js'
 import '@rhds/elements/rh-cta/rh-cta.js'
 import '@rhds/elements/rh-accordion/rh-accordion.js'
 import '@patternfly/elements/pf-modal/pf-modal.js'
+import '@patternfly/elements/pf-card/pf-card.js'
 
 const app = createApp(App)
 

Original file line number	Diff line number	Diff line change
`@@ -57,4 +57,8 @@`
`57`	`57`	`align-items: center;`
`58`	`58`	`justify-content: center;`
`59`	`59`	`}`
	`60`	`+`
	`61`	`+ pf-button {`
	`62`	`+ --pf-c-button--m-primary--BackgroundColor: transparent;`
	`63`	`+ }`
`60`	`64`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -43,4 +43,8 @@`
`43`	`43`	`font-size: 16px;`
`44`	`44`	`color: #06c;`
`45`	`45`	`}`
	`46`	`+`
	`47`	`+ pf-button {`
	`48`	`+ --pf-c-button--m-primary--BackgroundColor: transparent;`
	`49`	`+ }`
`46`	`50`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -45,4 +45,8 @@`
`45`	`45`	`a {`
`46`	`46`	`font-size: 17px;`
`47`	`47`	`}`
	`48`	`+`
	`49`	`+ pf-button {`
	`50`	`+ --pf-c-button--m-primary--BackgroundColor: transparent;`
	`51`	`+ }`
`48`	`52`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -73,4 +73,8 @@`
`73`	`73`	`font-size: 17px;`
`74`	`74`	`font-weight: 400;`
`75`	`75`	`}`
	`76`	`+`
	`77`	`+ pf-button {`
	`78`	`+ --pf-c-button--m-primary--BackgroundColor: transparent;`
	`79`	`+ }`
`76`	`80`	`</style>`