hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pill-shaped search bar, adjust font size

Browse Source
This commit is contained in:
daudix
2024-06-30 19:38:05 +03:00
parent b7ce98f381
commit 4c913ce144
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
sass/_nav.scss
View File

@ -47,7 +47,7 @@
backdrop-filter: var(--blur); backdrop-filter: var(--blur);
transition: var(--transition); transition: var(--transition);
box-shadow: var(--edge-highlight), 0 0.75rem 1.5rem -1rem rgba(0, 0, 0, 0.5); box-shadow: var(--edge-highlight), 0 0.75rem 1.5rem -1rem rgba(0, 0, 0, 0.5);
border-radius: calc(var(--rounded-corner) + 0.5rem); border-radius: 1.625rem;
background-color: var(--nav-bg); background-color: var(--nav-bg);
padding: 0.5rem; padding: 0.5rem;
width: 100%; width: 100%;
@ -62,11 +62,12 @@
#search-bar { #search-bar {
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
border: none; border: none;
border-radius: var(--rounded-corner); border-radius: 999px;
background-image: none; background-image: none;
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
width: 100%; width: 100%;
font-size: 1rem;
&::placeholder { &::placeholder {
opacity: 1; opacity: 1;
@ -79,7 +80,7 @@
flex-direction: column; flex-direction: column;
gap: 0.5rem; gap: 0.5rem;
margin-top: 0.5rem; margin-top: 0.5rem;
border-radius: var(--rounded-corner); border-radius: 1.125rem;
max-height: 50vh; max-height: 50vh;
overflow: auto; overflow: auto;