@ -1,11 +1,9 @@
. ui -search-container {
. fe -search-container {
margin : 0px ;
margin : 0px ;
display : flex ;
display : flex ;
position : abosolute ;
flex-direction : column ;
flex-direction : column ;
align-items : center ;
align-items : center ;
height : 120px ;
height : 120px ;
border-bottom : 2px solid black ;
}
}
# searchbox {
# searchbox {
@ -26,33 +24,8 @@
width : 100 % ;
width : 100 % ;
height : 40px ;
height : 40px ;
padding : 10px ;
padding : 10px ;
border : 2px solid # 0094ff ;
border : 1px solid black ;
border-radius : 4px 4px 0px 0px ;
border-radius : 8px ;
font-family : 'main' , sans-serif ;
font-size : 16px ;
}
. ais-SearchBox-input :: placeholder {
font-family : 'main' , sans-serif ;
font-size : 16px ;
}
. ais-SearchBox-form input : focus-visible {
outline : none ;
}
. ais-SearchBox-submit {
font-size : 16px ;
height : 40px ;
margin : 0px ;
font-family : 'main' , sans-serif ;
color : white ;
background-color : # 0094ff ;
border-radius : 4px ;
padding : 10px ;
cursor : pointer ;
text-transform : uppercase ;
border : none ;
}
}
. ais-SearchBox-submitIcon ,
. ais-SearchBox-submitIcon ,
@ -68,9 +41,9 @@
background : white ;
background : white ;
width : calc ( 100 % - 4px ) ;
width : calc ( 100 % - 4px ) ;
max-width : calc ( 600px - 4px ) ;
max-width : calc ( 600px - 4px ) ;
border-right : 2px solid # 0094ff ;
border-right : 2px solid black ;
border-bottom : 2px solid # 0094ff ;
border-bottom : 2px solid black ;
border-left : 2px solid # 0094ff ;
border-left : 2px solid black ;
border-radius : 0px 0px 4px 4px ;
border-radius : 0px 0px 4px 4px ;
}
}
@ -92,21 +65,21 @@
margin : 4px 0px 0px 0px ;
margin : 4px 0px 0px 0px ;
}
}
. ui-link-search-card {
. fe-search-hit {
overflow : hidden ;
overflow : hidden ;
white-space : nowrap ;
white-space : nowrap ;
text-overflow : ellipsis ;
text-overflow : ellipsis ;
width : 100 % ;
width : 100 % ;
}
}
. ui-link-search-card : link {
. fe-search-hit : link {
text-decoration : none ;
text-decoration : none ;
float : left ;
float : left ;
border-radius : 0px ;
border-radius : 0px ;
padding : 4px 0px ;
padding : 4px 0px ;
}
}
. ui-link-search-card img {
. fe-search-hit img {
width : 30px ;
width : 30px ;
height : 30px ;
height : 30px ;
display : inline ;
display : inline ;
@ -114,7 +87,7 @@
padding : 0px 6px ;
padding : 0px 6px ;
}
}
. ui-link-search-card span {
. fe-search-hit span {
vertical-align : middle ;
vertical-align : middle ;
}
}