Spitfire/Search
Spitfire/Search
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

I hate .css

Browse source
This commit is contained in:
partisan 2024-09-27 12:13:16 +02:00
parent ff9796dd01
commit 20890e8717
3 changed files with 77 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

61
static/css/style-search.css Normal file
View file

@ -0,0 +1,61 @@
.search-page-content {
display: flex;
flex-direction: column;
align-items: center;
}
.search-page-content h1 {
text-align: center;
margin-bottom: 20px;
}
#search-input {
width: 100%;
padding: 12px;
font-size: 16px;
}
.search-type-icons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
margin-top: 30px;
}
.icon-button {
display: flex;
flex-direction: column;
align-items: center;
background: none;
border: none;
cursor: pointer;
text-align: center;
}
.icon-button .material-icons-round {
font-size: 48px;
color: var(--sub-search-wrapper-ico);
}
.icon-button p {
margin-top: 8px;
font-size: 14px;
color: var(--sub-search-wrapper-ico);
}
.icon-button:hover .material-icons-round {
transition: all .3s ease;
color: var(--blue);
}
.icon-button:hover p {
transition: all .3s ease;
color: var(--blue);
}
.icon-button button:focus {
outline: none;
}