|
@@ -78,10 +78,20 @@ const menuStyle = computed(() => {
|
|
|
transition: color .3s ease;
|
|
|
color: #fff;
|
|
|
border-radius: 4px;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
|
|
|
&.border {
|
|
|
- border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
|
-}
|
|
|
+ position: relative;
|
|
|
+ &:after {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
|
+ left: 10px;
|
|
|
+ right: 10px;
|
|
|
+ bottom: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
&.active {
|
|
|
color: var(--colors-primary-base);
|
|
@@ -96,10 +106,13 @@ const menuStyle = computed(() => {
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
font-size: 20px;
|
|
|
- flex: 1;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
p {
|
|
|
+ flex: 1;
|
|
|
+ flex: none;
|
|
|
+ margin-top: 4px;
|
|
|
line-height: 17px;
|
|
|
font-size: 14px;
|
|
|
white-space:nowrap;
|