refactor: move container styles to layout

stackblitz-labs · Dec 25, 2024 · 4ddf088 · 4ddf088
1 parent 2eb974b
commit 4ddf088
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 18 deletions.
diff --git a/packages/app/app/layouts/default.vue b/packages/app/app/layouts/default.vue
@@ -24,7 +24,10 @@ const route = useRoute()
         color="neutral"
       />
     </nav>
-    <slot />
+
+    <main class="p-4 sm:p-6 lg:p-8 w-screen max-w-192 mx-auto">
+      <slot />
+    </main>
   </div>
 </template>
 

diff --git a/packages/app/app/pages/index.vue b/packages/app/app/pages/index.vue
@@ -35,7 +35,7 @@ const examples = [
 </script>
 
 <template>
-  <div class="p-4 md:p-12 flex flex-col items-center gap-4 md:gap-12 w-screen max-w-[600px] mx-auto">
+  <div class="flex flex-col items-center gap-4 md:gap-12">
     <img src="/favicon.svg" alt="logo" width="64" height="64">
 
     <div class="flex flex-col gap-2 w-full">

diff --git a/packages/app/app/pages/view/[owner]/[repo].vue b/packages/app/app/pages/view/[owner]/[repo].vue
@@ -22,24 +22,19 @@ useHead({
   link: [
     { rel: 'icon', href: '/favicon.png' },
     { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
-    // { rel: 'alternate', type: 'application/rss+xml', title: `${repository.value.name} Continuous Releases`, href: '/feed.xml' },
   ],
 })
 useSeoMeta({
   title: `${repository.owner.login}/${repository.name} Continuous Releases`,
   description: `See all ${repository.name} recent continuous releases.`,
   ogTitle: `${repository.owner.login}/${repository.name} Continuous Releases`,
   ogDescription: `See all ${repository.name} recent continuous releases.`,
-  // twitterCard: 'summary_large_image',
-  // // Feel free to change this image with your own once deployed to NuxtHub
-  // ogImage: 'https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL3Bycy5hdGludXguY29tIiwiaWF0IjoxNzI0MTYwMTkxfQ.yYRD-Gs6EyYQSfg27fZVx1Kle7nq7QBSciDui-mbnnU.jpg?theme=light',
-  // twitterImage: 'https://assets.hub.nuxt.com/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL3Bycy5hdGludXguY29tIiwiaWF0IjoxNzI0MTYwMTkxfQ.yYRD-Gs6EyYQSfg27fZVx1Kle7nq7QBSciDui-mbnnU.jpg?theme=light',
 })
 // TODO: OG Image
 </script>
 
 <template>
-  <UContainer class="p-4 sm:p-6 lg:p-8 max-w-3xl space-y-6">
+  <div class="space-y-6">
     <div class="flex flex-col items-center gap-2">
       <a :href="repository.url" target="_blank">
         <UAvatar
@@ -87,18 +82,9 @@ useSeoMeta({
           color="neutral"
           variant="link"
         />
-        <!-- <UButton
-          to="/feed.xml"
-          external
-          target="_blank"
-          aria-label="RSS Feed"
-          icon="i-ph-rss-simple-duotone"
-          color="neutral"
-          variant="link"
-        /> -->
       </div>
     </div>
 
     <Commits :owner="repository.owner.login" :repo="repository.name" />
-  </UContainer>
+  </div>
 </template>