Made the tabs look better
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
2022-10-29 01:14:08 -04:00
parent c878447c45
commit ae155b2d7e
5 changed files with 56 additions and 10 deletions

View File

@ -1,4 +1,8 @@
$tab-bar-height: 50px
body
margin: 0
padding: $tab-bar-height 0 0
background: white
font-size: 18px
@ -33,6 +37,42 @@ button
.container.fluid
max-width: 100%
margin: 0
#wrapper
margin-top: 25px
#tab-bar
position: fixed
top: 0
left: 0
z-index: 10
width: 100%
height: $tab-bar-height
margin: 0
padding: 0
background: #eee
border-bottom: 1px solid #bbb
box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
.row
display: relative
.tab-button
float: left
height: 50px
margin: 0
background-color: #eee
border: none
border-right: 1px solid #999
border-radius: 0
color: #212121
font-size: 2rem
font-weight: bold
transition: all 230ms ease-in-out
&.active
background-color: white
.component-display
display: none