プロフィールページのタブ周りのデザインを刷新

2020-10-24 14:32:30 +09:00
parent 0f435c09b3
commit d7d2bc2397
4 changed files with 67 additions and 54 deletions
--- a/resources/assets/sass/_underline-tabs.scss
+++ b/resources/assets/sass/_underline-tabs.scss
@@ -0,0 +1,16 @@
+.tis-nav-underline-tabs {
+    margin-bottom: -1px;
+
+    .nav-link {
+        padding: 0.5rem 1.25rem;
+        border-bottom: 4px solid transparent;
+
+        @include media-breakpoint-up(lg) {
+            padding: 1rem 1.25rem;
+        }
+
+        &.active {
+            border-bottom-color: $primary;
+        }
+    }
+}
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -18,3 +18,6 @@ $primary: #e53fb1;

 // Tag
@import "tag/index";
+
+// Underline tabs
+@import "underline-tabs";