From 62c52f0d7c90993a7aa64ffdc40c6a09de3168cf Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Thu, 31 Jul 2025 22:14:15 +0200
Subject: [PATCH] refactor: Improve layout and responsiveness of NostrFeed and
 Home components

- Adjust NostrFeed.vue to enhance the scroll area height for better adaptability across screen sizes.
- Update Home.vue to refine the container's padding and width for improved layout consistency on various devices.
---
 src/components/nostr/NostrFeed.vue | 2 +-
 src/pages/Home.vue                 | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/nostr/NostrFeed.vue b/src/components/nostr/NostrFeed.vue
index 8b942b9..cdf3df2 100644
--- a/src/components/nostr/NostrFeed.vue
+++ b/src/components/nostr/NostrFeed.vue
@@ -131,7 +131,7 @@ function formatDate(timestamp: number): string {
 </script>
 
 <template>
-  <div class="w-full max-w-3xl mx-auto p-4">
+  <div class="w-full max-w-3xl mx-auto">
     <Card class="w-full">
       <CardHeader>
         <CardTitle class="flex items-center gap-2">
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 69f663d..8a0823b 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container py-8 space-y-6">
+  <div class="w-full px-4 sm:px-6 lg:px-8 xl:px-12 2xl:px-16 py-8 space-y-6">
     <PWAInstallPrompt auto-show />
     <NotificationPermission auto-show />
     <NostrFeed feed-type="announcements" />