ポートフォリオのアイコン設定

fjordllc · Feb 28, 2024 · 90d1d0f · 90d1d0f
1 parent 0627a71
commit 90d1d0f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/app/javascript/stylesheets/shared/blocks/_global-nav.sass b/app/javascript/stylesheets/shared/blocks/_global-nav.sass
@@ -64,6 +64,8 @@
   +media-breakpoint-down(sm)
     +text-block(1rem 1, center)
     margin-right: .5rem
+  .fa-rocket
+    font-size: 1.15em
 
 .global-nav-links__link-label
   +text-block(.625rem 1.4, center)
@@ -73,7 +75,7 @@
     &.is-sm
       transform: scale(.875)
       margin-top: -.125rem
-      line-height: 1.2
+      line-height: 1.4
 
 .global-nav__item-count
   +position(right .25rem, top .25rem)
diff --git a/app/views/application/_global_nav.slim b/app/views/application/_global_nav.slim
@@ -50,8 +50,8 @@ nav.global-nav
         li.global-nav-links__item
           = link_to portfolios_path, class: "global-nav-links__link #{current_link(/^works/)}" do
             .global-nav-links__link-icon
-              i.fa-solid.fa-book
-            .global-nav-links__link-label ポートフォリオ
+              i.fa-solid.fa-rocket
+            .global-nav-links__link-label.is-sm ポートフォリオ
         li.global-nav-links__item
           = link_to users_path, class: "global-nav-links__link #{current_link(/^users-(index|show)/)}" do
             .global-nav-links__link-icon