fix: correct spacing on the navbar

Author: darbyjack

components/core/structure/Header.vue

@@ -32,7 +32,7 @@ const isDark = computed({
       </NuxtLink>
 
       <div class="flex md:order-2">
-        <NuxtLink href="/studio">
+        <NuxtLink href="/studio" class="mr-1.5">
           <UButton color="sky" size="md"> Create a Banner </UButton>
         </NuxtLink>
         <ClientOnly>
@@ -45,7 +45,7 @@ const isDark = computed({
             />
         </ClientOnly>
         <UButton
-            to="https://github.com/nuxtlabs/ui"
+            to="https://github.com/MCBanners/website-next"
             target="_blank"
             color="gray"
             variant="ghost"

nuxt.config.ts

@@ -17,8 +17,9 @@ export default defineNuxtConfig({
         '@nuxthq/ui',
     ],
 
-    colorMode: {
-        classSuffix: '',
+    ui: {
+        global: true,
+        icons: ['heroicons', 'simple-icons']
     },
 
     typescript: {

package-lock.json

@@ -8,12 +8,14 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
+    "@iconify-json/simple-icons": "^1.1.55",
     "@nuxthq/ui": "^2.2.1",
     "nuxt": "^3.5.2",
     "nuxt-seo-kit": "^1.3.8",
     "sass": "^1.62.1"
   },
   "dependencies": {
+    "@iconify-json/heroicons": "^1.1.10",
     "flowbite": "^1.6.5",
     "satori": "^0.9.1"
   }