52 lines
678 B
SCSS
52 lines
678 B
SCSS
.filter_section {
|
|
display: flex;
|
|
gap: 10px;
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
.form{
|
|
width:500px;
|
|
margin-top:50px;
|
|
position:relative;
|
|
left:50%;
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
.card_wrapper {
|
|
display: grid;
|
|
gap: 20px;
|
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
|
margin: 100px;
|
|
}
|
|
.search_button{
|
|
background-color: #372579;
|
|
&:hover{
|
|
background: #47309C !important;
|
|
}
|
|
}
|
|
|
|
.spin{
|
|
position:absolute;
|
|
left:50%;
|
|
top:50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.empty{
|
|
color:black;
|
|
position:absolute;
|
|
left:50%;
|
|
transform: translateX( -50%);
|
|
font-size:20px;
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 580px) {
|
|
.form{
|
|
width:350px;
|
|
|
|
|
|
}
|
|
}
|