add segmented control for ad type selection

This commit is contained in:
Bilal Catic
2019-10-21 08:05:13 +02:00
parent 9dcb27291b
commit d10540c631
3 changed files with 92 additions and 14 deletions

32
app/public/segment.css Normal file
View File

@@ -0,0 +1,32 @@
.ui-segment{
color: #02adba;
border: 1px solid #02adba;
border-radius: 4px;
display:inline-block;
}
.ui-segment span.option.active{
background-color: #02adba;
color: white;
}
.ui-segment span.option{
padding-left: 30px;
padding-right: 30px;
height: 35px;
text-align:center;
display:inline-block;
line-height: 35px;
margin: 0px;
float:left;
cursor:pointer;
border-right:1px solid #02adba;
}
.ui-segment span.option[disabled]{
color: gray;
}
.ui-segment span.option:last-child{
border-right: none;
}
.segment-select{
display:none;
}