diff --git a/src/components/Tabs.vue b/src/components/Tabs.vue
index f7b33f3..984fa10 100644
--- a/src/components/Tabs.vue
+++ b/src/components/Tabs.vue
@@ -1,6 +1,14 @@
@@ -21,12 +29,26 @@
height: 70px;
border-radius: 35px;
box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ .text {
+ font-family: Source Han Sans CN;
+ font-size: 24px;
+ font-weight: 500;
+ line-height: normal;
+ letter-spacing: 0.04em;
+ color: #565ee4;
+ }
}
.active {
background: linear-gradient(180deg, #616af6 15%, #424bde 87%);
border: 2px solid #6e75f2;
box-shadow: 0px 4px 6px 0px rgba(30, 39, 122, 0.3),
inset 0px 4px 10px 0px rgba(30, 46, 186, 0.3);
+ .text {
+ color: #fff;
+ }
}
}
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 55757aa..fdcf9ed 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -1,7 +1,13 @@