chore: format src/assets/styles/

aziontech · Feb 27, 2025 · a8620a9 · a8620a9
1 parent 0149c01
commit a8620a9
Show file tree

Hide file tree

Showing 6 changed files with 101 additions and 104 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,36 +1,59 @@
 <template>
-  <div class="px-container">
-    <HeroContent v-bind="MOCK" />
-  </div>
+  <Container>
+    <SectionListAvatars v-bind="MOCK" />
+  </Container>
 </template>
 
 <script setup>
-  // import Container from './templates/container'
-  import HeroContent from './templates/herocontent'
+  import Container from './templates/container'
+  import SectionListAvatars from './templates/sectionlistavatars'
 
   const MOCK = {
-    breadcrumbItems: [
+    overline: 'Our Leadership',
+    title: 'Guided by exceptional minds',
+    avatars: [
       {
-        url: `/en/blog/`,
-        target: '_self',
-        label: 'Blog'
+        image: 'https://www.azion.com/assets/pages/about/perfil-6.png',
+        name: 'Rafael Umann',
+        role: 'Chief Executive Officer',
+        url: 'https://www.url.com/in/rafaelumann/'
       },
       {
-        url: 'www.azion.com',
-        target: '_self',
-        label: 'This Article'
-      }
-    ],
-    date: 'JUN 27, 2024 • 15 min read',
-    title: 'Azion Edge SQL: enabling access and analysis of structured data at the edge',
-    authors: [
+        image: 'https://www.azion.com/assets/pages/about/perfil.png',
+        name: 'Alessandro Cauduro',
+        role: 'Chief Artificial Intelligence Officer',
+        url: 'https://www.url.com/in/alessandrocauduro/'
+      },
+      {
+        image: 'https://www.azion.com/assets/pages/about/perfil-2.png',
+        name: 'Fabiano Fraçao',
+        role: 'Chief Revenue Officer',
+        url: 'https://www.url.com/in/fabiano-fração-5b19632/'
+      },
+      {
+        image: 'https://www.azion.com/assets/pages/about/perfil-gabriel-madureira.jpeg',
+        name: 'Gabriel Madureira',
+        role: 'Chief Marketing Officer',
+        url: 'https://www.url.com/in/gabrielmadureira/'
+      },
+      {
+        image: 'https://www.azion.com/assets/pages/about/perfil-3.png',
+        name: 'Júlio Silvello',
+        role: 'Chief Product Officer',
+        url: 'https://www.url.com/in/juliosilvello/'
+      },
+      {
+        image: 'https://www.azion.com/assets/pages/about/perfil-4.png',
+        name: 'Marcus Grando',
+        role: 'Chief Technology Officer',
+        url: 'https://www.url.com/in/marcusgrando/'
+      },
       {
-        avatar: 'https://www.azion.com/assets/blog/images/uploads/img-prof.png',
-        title: 'Mariana Bellorín Aguilera',
-        role: 'Technical Writer'
+        image: 'https://www.azion.com/assets/pages/about/perfil-5.png',
+        name: 'Mauricio Pegoraro',
+        role: 'Chief Information Security Officer',
+        url: 'https://www.url.com/in/mauriciowp/'
       }
-    ],
-    description:
-      'Explore how Azion Edge SQL enhances database operations with edge computing for high scalability, low latency, and cost-effectiveness.'
+    ]
   }
 </script>
diff --git a/src/assets/styles/breadcrumb.css b/src/assets/styles/breadcrumb.css
@@ -29,4 +29,3 @@
 .p-breadcrumb::-webkit-scrollbar {
   display: none;
 }
-
diff --git a/src/assets/styles/button.css b/src/assets/styles/button.css
@@ -7,63 +7,49 @@
   text-align: center;
   overflow: hidden;
   position: relative;
-
- }
- .p-button-label {
+}
+.p-button-label {
   flex: 1 1 auto;
-
- }
- .p-button-icon-right {
+}
+.p-button-icon-right {
   order: 1;
-
- }
- .p-button:disabled {
+}
+.p-button:disabled {
   cursor: default;
-
- }
- .p-button-icon-only {
+}
+.p-button-icon-only {
   justify-content: center;
-
- }
- .p-button-icon-only .p-button-label {
+}
+.p-button-icon-only .p-button-label {
   visibility: hidden;
   width: 0;
   flex: 0 0 auto;
-
- }
- .p-button-vertical {
+}
+.p-button-vertical {
   flex-direction: column;
-
- }
- .p-button-icon-bottom {
+}
+.p-button-icon-bottom {
   order: 2;
-
- }
- .p-buttonset .p-button {
+}
+.p-buttonset .p-button {
   margin: 0;
-
- }
- .p-buttonset .p-button:not(:last-child),
- .p-buttonset .p-button:not(:last-child):hover {
+}
+.p-buttonset .p-button:not(:last-child),
+.p-buttonset .p-button:not(:last-child):hover {
   border-right: 0 none;
-
- }
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+}
+.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
   border-radius: 0;
-
- }
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+}
+.p-buttonset .p-button:first-of-type:not(:only-of-type) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
-
- }
- .p-buttonset .p-button:last-of-type:not(:only-of-type) {
+}
+.p-buttonset .p-button:last-of-type:not(:only-of-type) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
-
- }
- .p-buttonset .p-button:focus {
+}
+.p-buttonset .p-button:focus {
   position: relative;
   z-index: 1;
-
- }
+}
diff --git a/src/assets/styles/divider.css b/src/assets/styles/divider.css
@@ -4,7 +4,6 @@
     width: 100%;
     position: relative;
     align-items: center;
-
   }
 
   .p-divider-horizontal:before {
@@ -14,12 +13,10 @@
     left: 0;
     width: 100%;
     content: '';
-
   }
 
   .p-divider-content {
     z-index: 1;
-
   }
 
   .p-divider-vertical {
@@ -28,7 +25,6 @@
     display: flex;
     position: relative;
     justify-content: center;
-
   }
 
   .p-divider-vertical:before {
@@ -38,36 +34,29 @@
     left: 50%;
     height: 100%;
     content: '';
-
   }
 
   .p-divider-solid.p-divider-horizontal:before {
     border-top-style: solid;
-
   }
 
   .p-divider-solid.p-divider-vertical:before {
     border-left-style: solid;
-
   }
 
   .p-divider-dashed.p-divider-horizontal:before {
     border-top-style: dashed;
-
   }
 
   .p-divider-dashed.p-divider-vertical:before {
     border-left-style: dashed;
-
   }
 
   .p-divider-dotted.p-divider-horizontal:before {
     border-top-style: dotted;
-
   }
 
   .p-divider-dotted.p-divider-vertical:before {
     border-left-style: dotted;
-
   }
 }
diff --git a/src/assets/styles/input.css b/src/assets/styles/input.css
@@ -39,24 +39,24 @@
   position: absolute;
   pointer-events: none;
   top: 50%;
-  margin-top: -.5rem;
+  margin-top: -0.5rem;
   transition-property: all;
   transition-timing-function: ease;
   line-height: 1;
 }
 
-.p-float-label textarea~label {
+.p-float-label textarea ~ label {
   top: 1rem;
 }
 
-.p-float-label input:focus~label,
-.p-float-label input.p-filled~label,
-.p-float-label input:-webkit-autofill~label,
-.p-float-label textarea:focus~label,
-.p-float-label textarea.p-filled~label,
-.p-float-label .p-inputwrapper-focus~label,
-.p-float-label .p-inputwrapper-filled~label {
-  top: -.75rem;
+.p-float-label input:focus ~ label,
+.p-float-label input.p-filled ~ label,
+.p-float-label input:-webkit-autofill ~ label,
+.p-float-label textarea:focus ~ label,
+.p-float-label textarea.p-filled ~ label,
+.p-float-label .p-inputwrapper-focus ~ label,
+.p-float-label .p-inputwrapper-filled ~ label {
+  top: -0.75rem;
   font-size: 12px;
 }
 
@@ -82,13 +82,13 @@
   display: inline-block;
 }
 
-.p-input-icon-left>i,
-.p-input-icon-left>svg,
-.p-input-icon-right>i,
-.p-input-icon-right>svg {
+.p-input-icon-left > i,
+.p-input-icon-left > svg,
+.p-input-icon-right > i,
+.p-input-icon-right > svg {
   position: absolute;
   top: 50%;
-  margin-top: -.5rem;
+  margin-top: -0.5rem;
 }
 
 .p-fluid .p-input-icon-left,

diff --git a/src/stories/templates/sections/section-list-avatars.stories.js b/src/stories/templates/sections/section-list-avatars.stories.js
@@ -59,43 +59,43 @@ Default.args = {
       image: 'https://www.azion.com/assets/pages/about/perfil-6.png',
       name: 'Rafael Umann',
       role: 'Chief Executive Officer',
-      linkedin: 'https://www.linkedin.com/in/rafaelumann/'
+      url: 'https://www.url.com/in/rafaelumann/'
     },
     {
       image: 'https://www.azion.com/assets/pages/about/perfil.png',
       name: 'Alessandro Cauduro',
       role: 'Chief Artificial Intelligence Officer',
-      linkedin: 'https://www.linkedin.com/in/alessandrocauduro/'
-    },
-    {
-      image: 'https://www.azion.com/assets/pages/about/perfil-1.png',
-      name: 'Andressa Giongo',
-      role: 'Chief People Officer',
-      linkedin: 'https://www.linkedin.com/in/andressa-giongo-90661311/'
+      url: 'https://www.url.com/in/alessandrocauduro/'
     },
     {
       image: 'https://www.azion.com/assets/pages/about/perfil-2.png',
       name: 'Fabiano Fraçao',
       role: 'Chief Revenue Officer',
-      linkedin: 'https://www.linkedin.com/in/fabiano-fração-5b19632/'
+      url: 'https://www.url.com/in/fabiano-fração-5b19632/'
+    },
+    {
+      image: 'https://www.azion.com/assets/pages/about/perfil-gabriel-madureira.jpeg',
+      name: 'Gabriel Madureira',
+      role: 'Chief Marketing Officer',
+      url: 'https://www.url.com/in/gabrielmadureira/'
     },
     {
       image: 'https://www.azion.com/assets/pages/about/perfil-3.png',
       name: 'Júlio Silvello',
       role: 'Chief Product Officer',
-      linkedin: 'https://www.linkedin.com/in/juliosilvello/'
+      url: 'https://www.url.com/in/juliosilvello/'
     },
     {
       image: 'https://www.azion.com/assets/pages/about/perfil-4.png',
       name: 'Marcus Grando',
       role: 'Chief Technology Officer',
-      linkedin: 'https://www.linkedin.com/in/marcusgrando/'
+      url: 'https://www.url.com/in/marcusgrando/'
     },
     {
       image: 'https://www.azion.com/assets/pages/about/perfil-5.png',
       name: 'Mauricio Pegoraro',
       role: 'Chief Information Security Officer',
-      linkedin: 'https://www.linkedin.com/in/mauriciowp/'
+      url: 'https://www.url.com/in/mauriciowp/'
     }
   ]
 }
Original file line number	Diff line number	Diff line change
Expand Up		@@ -29,4 +29,3 @@
		.p-breadcrumb::-webkit-scrollbar {
		display: none;
		}