style(docs): adjust padding for documentation pages and add responsive styles for banner

FelipeO16 · FelipeO16 · commit 7c1ceadd44d6 · 2025-08-21T19:11:12.000-03:00
diff --git a/docs/app/layouts/default.vue b/docs/app/layouts/default.vue
@@ -27,7 +27,7 @@
 
     <div
       class="container h-full text-xl"
-      :class="{ 'pt-12': isDocsPage }"
+      :class="{ 'pt-12 md:pt-12 pt-32': isDocsPage }"
     >
       <HeaderUi />
       <NuxtPage />
@@ -116,6 +116,11 @@ const isDocsPage = computed(() => {
 }
 
 @media (max-width: 768px) {
+  .v2-banner-top {
+    @apply py-5;
+    min-height: 80px;
+  }
+
   .v2-banner-content {
     @apply flex-col gap-3 text-center;
   }

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@`
`27`	`27`
`28`	`28`	`<div`
`29`	`29`	`class="container h-full text-xl"`
`30`		`- :class="{ 'pt-12': isDocsPage }"`
	`30`	`+ :class="{ 'pt-12 md:pt-12 pt-32': isDocsPage }"`
`31`	`31`	`>`
`32`	`32`	`<HeaderUi />`
`33`	`33`	`<NuxtPage />`
`@@ -116,6 +116,11 @@ const isDocsPage = computed(() => {`
`116`	`116`	`}`
`117`	`117`
`118`	`118`	`@media (max-width: 768px) {`
	`119`	`+ .v2-banner-top {`
	`120`	`+ @apply py-5;`
	`121`	`+ min-height: 80px;`
	`122`	`+ }`
	`123`	`+`
`119`	`124`	`.v2-banner-content {`
`120`	`125`	`@apply flex-col gap-3 text-center;`
`121`	`126`	`}`