Made the tabs look better
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
@ -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
|
||||
|
Reference in New Issue
Block a user