feat: border

heartstchr · Dec 24, 2024 · 49e8240 · 49e8240
1 parent cb3f14c
commit 49e8240
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
@@ -176,9 +176,17 @@
   padding: 0 !important; /* Add padding to the content */
 }
 .p-tabview-vertical .p-tabview-tab-header{
-  padding: 1rem 0;
+  padding: 1rem 1.5rem 1rem .5rem;
   margin-bottom: 4px;
+  border-radius: 4px;
+  box-shadow: var(--p-button-raised-shadow);
+  background: var(--p-button-secondary-background)
 }
 .p-tabview-vertical .p-tabview-tablist-item {
   border-radius: 16px;
+  background: var(--p-button-secondary-background)
+}
+
+.p-tabview-vertical .p-tabview-panels {
+  padding: 0 ;
 }
diff --git a/docs/services/index.md b/docs/services/index.md
@@ -28,7 +28,7 @@ copyright: false
     <TabView class="p-tabview-vertical md:flex hidden">
       <!-- Tab Panels -->
       <TabPanel :header="`${service.name}`" leftIcon="pi pi-home" v-for= "(service, index) in services" :id="service.code">
-        <div class="shadow-1 col-12 border-round-2xl vp-feature-item p-0" itemscope itemtype="https://schema.org/SoftwareApplication">
+        <div class="shadow-1 col-12 border-round-2xl vp-feature-item p-0 overflow-hidden" itemscope itemtype="https://schema.org/SoftwareApplication">
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#10b981" fill-opacity="0.1" d="M0,320L40,288C80,256,160,192,240,176C320,160,400,192,480,202.7C560,213,640,203,720,192C800,181,880,171,960,181.3C1040,192,1120,224,1200,218.7C1280,213,1360,171,1400,149.3L1440,128L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path></svg>
               <div class="px-4 m-2">
                   <div class="text-4xl font-bold mb-4">
@@ -48,7 +48,7 @@ copyright: false
       </TabPanel>
     </TabView>
     <div class="grid my-6 md:col-6 p-0 md:hidden flex" :class="[{ 'md:col-12' : (index === services.length-1 || index === 0 || index === 3) }]" v-for= "(service, index) in services" :id="service.code">
-        <div class="shadow-1 col-12 border-round-2xl vp-feature-item p-0" itemscope itemtype="https://schema.org/SoftwareApplication">
+        <div class="shadow-1 col-12 border-round-2xl vp-feature-item p-0 overflow-hidden" itemscope itemtype="https://schema.org/SoftwareApplication">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#10b981" fill-opacity="0.1" d="M0,320L40,288C80,256,160,192,240,176C320,160,400,192,480,202.7C560,213,640,203,720,192C800,181,880,171,960,181.3C1040,192,1120,224,1200,218.7C1280,213,1360,171,1400,149.3L1440,128L1440,0L1400,0C1360,0,1280,0,1200,0C1120,0,1040,0,960,0C880,0,800,0,720,0C640,0,560,0,480,0C400,0,320,0,240,0C160,0,80,0,40,0L0,0Z"></path></svg>
             <div class="px-4 m-2">
                 <div class="text-4xl font-bold mb-4">