News dialog

Author: AllanKoder

resources/js/Components/News/NewsDialog.vue

@@ -27,7 +27,7 @@ defineEmits(['close']);
         </template>
 
         <template #content>
-            <div class="divide-y divide-secondary dark:divide-gray-700 -mx-6">
+            <div class="divide-y divide-secondary dark:divide-gray-700 px-4 -mx-6">
                 <div class="space-y-0 max-h-[60vh] overflow-y-auto">
                     <TrendingResourceItem
                         v-for="(resource, index) in resourceItems"

resources/js/Components/News/NewsSection.vue

@@ -48,9 +48,9 @@ const showNewsDialog = ref(false);
     </button>
 
     <!-- Trending Resources Dialog for Mobile -->
-    <!-- <NewsDialog
+    <NewsDialog
         :show="showNewsDialog"
         :resource-items="hotResources"
         @close="showNewsDialog = false"
-    /> -->
+    />
 </template>