klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-10-31 00:53:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tabs jinja component

Browse Source
This commit is contained in:
imperosol
2024-11-26 01:49:34 +01:00
parent 70f5ae4f9c
commit 75406f7b58
2 changed files with 93 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
core/static/core/style.scss
View File

@@ -370,6 +370,38 @@ a:not(.button) {
}
}
.tabs {
.tab-headers {
display: flex;
flex-flow: row wrap;
.tab-header{
margin: 0;
flex: 1 1;
border-radius: 5px 5px 0 0;
font-size: 100%;
@media (max-width: 800px) {
flex-wrap: wrap;
}
&.active {
background-color: $white-color;
border: 1px solid $primary-neutral-dark-color;
border-bottom: none;
}
&:not(.active) {
background-color: $primary-neutral-dark-color;
color: darken($white-color, 5%);
&:hover {
background-color: lighten($primary-neutral-dark-color, 15%);
}
}
}
}
section {
padding: 20px;
}
}
.tool_bar {
overflow: auto;
padding: 4px;