|
|
@ -214,10 +214,10 @@ |
|
|
<template v-else> |
|
|
<template v-else> |
|
|
<li class="nav-item dropdown no-login" style="width:auto"> |
|
|
<li class="nav-item dropdown no-login" style="width:auto"> |
|
|
<router-link to="/sign-in" class="btn btn-sm rounded-pill" href="#" tag="div" |
|
|
<router-link to="/sign-in" class="btn btn-sm rounded-pill" href="#" tag="div" |
|
|
role="button" style="color:#fff;">{{ $t('common.sign_in') }} |
|
|
role="button">{{ $t('common.sign_in') }} |
|
|
</router-link> |
|
|
</router-link> |
|
|
<router-link to="/sign-up" class="btn btn-sm rounded-pill" href="#" |
|
|
<router-link to="/sign-up" class="btn btn-sm rounded-pill border1" href="#" |
|
|
tag="div" role="button" style="color:#fff;border: 1px solid #fff;border-radius: 50px !important;margin-left: 20px;">{{ $t('common.sign_up') }} |
|
|
tag="div" role="button" style="border-radius: 50px !important;margin-left: 20px;">{{ $t('common.sign_up') }} |
|
|
</router-link> |
|
|
</router-link> |
|
|
</li> |
|
|
</li> |
|
|
</template> |
|
|
</template> |
|
|
@ -649,15 +649,15 @@ color: #fff !important; |
|
|
font-size: 18px; |
|
|
font-size: 18px; |
|
|
} |
|
|
} |
|
|
.nav-link:hover{ |
|
|
.nav-link:hover{ |
|
|
color: #2d58de; |
|
|
color: #a595fc; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.nav-bar .router-link-active { |
|
|
.nav-bar .router-link-active { |
|
|
// color: #c99445; |
|
|
// color: #c99445; |
|
|
// color: black; |
|
|
// color: black; |
|
|
color: #2d58de; |
|
|
color: #a595fc; |
|
|
border-bottom: 2px solid #2d58de !important; |
|
|
border-bottom: 2px solid #a595fc !important; |
|
|
// background-color:rgba(53, 83, 210, 0.2) ; |
|
|
// background-color:rgba(53, 83, 210, 0.2) ; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -676,6 +676,11 @@ color: #fff !important; |
|
|
|
|
|
|
|
|
.rounded-pill { |
|
|
.rounded-pill { |
|
|
border-radius: 5px !important; |
|
|
border-radius: 5px !important; |
|
|
|
|
|
color:#fff; |
|
|
|
|
|
|
|
|
|
|
|
&:hover{ |
|
|
|
|
|
color: #a595fc; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.nav-item_icon { |
|
|
.nav-item_icon { |
|
|
@ -790,4 +795,11 @@ color: #fff !important; |
|
|
button { |
|
|
button { |
|
|
outline: none; |
|
|
outline: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.border1{ |
|
|
|
|
|
border: 1px solid #fff; |
|
|
|
|
|
&:hover{ |
|
|
|
|
|
border: 1px solid #a595fc; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|