fabio286/antares
1
1
Fork 0
mirror of https://github.com/Fabio286/antares.git synced 2025-06-05 21:59:22 +02:00
Code Issues Releases Wiki Activity

feat(UI): active tab animation

Browse Source
This commit is contained in:
Fabio Di Stasio
2021-06-28 18:34:39 +02:00
parent 0110756204
commit 978a7c5f5b
8 changed files with 78 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/renderer/scss/main.scss
View File

@@ -132,6 +132,30 @@ body {
.tab {
.tab-item {
position: relative;
display: flex;
justify-content: center;
&.active {
.tab-link {
border-color: transparent;
}
&::after {
width: 100%;
}
}
&::after {
content: "";
height: 2px;
width: 0;
transition: width 0.2s;
background-color: $primary-color;
position: absolute;
bottom: 0;
}
.btn-clear {
margin-top: -0.1rem;
font-size: 0.6rem;