画面表示のための細かい修正

nek0meshi · Nov 26, 2023 · f162e9a · f162e9a
1 parent e919768
commit f162e9a
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 20 deletions.
diff --git a/v3/app.vue b/v3/app.vue
diff --git a/v3/components/page-parts/AppHeader.vue b/v3/components/page-parts/AppHeader.vue
@@ -2,13 +2,7 @@
   <header class="header fixed w-full" :class="headerClass">
     <div class="header-wrap mx-auto text-white relative">
       <ul
-        class="
-          flex flex-row
-          gap-4
-          justify-end
-          items-center
-          header-content header-links
-        "
+        class="flex flex-row gap-4 justify-end items-center header-content header-links"
       >
         <li v-for="link in links" :key="link.label">
           <a class="header-link-a text-white" @click="scrollLink(link.href)">{{
@@ -17,13 +11,7 @@
         </li>
       </ul>
       <nav
-        class="
-          flex flex-row
-          justify-end
-          items-center
-          header-content
-          hamburger-wrap
-        "
+        class="flex flex-row justify-end items-center header-content hamburger-wrap"
         :class="hamburgerWrapClass"
       >
         <a class="hamburger" @click="clickHamburger">

diff --git a/v3/components/page-parts/Hero.vue b/v3/components/page-parts/Hero.vue
@@ -10,7 +10,7 @@
 .hero-image {
   width: 100%;
   height: 100vh;
-  background-image: url('./static/hero.jpg');
+  background-image: url('./hero.jpg');
   h1 {
     color: #fff;
     font-size: 72px;

diff --git a/v3/nuxt.config.ts b/v3/nuxt.config.ts
@@ -4,6 +4,7 @@ import { defineNuxtConfig } from 'nuxt/config'
 export default defineNuxtConfig({
   devtools: { enabled: true },
   modules: ['@nuxtjs/tailwindcss'],
+  css: ['@/assets/scss/main.scss'],
   vite: {
     css: {
       preprocessorOptions: {