style improvements

This commit is contained in:
Georgi Gardev
2023-11-18 17:19:15 +02:00
parent 18756b2a60
commit f32a6e2f98
3 changed files with 4 additions and 4 deletions
+1 -1
View File
@@ -22,7 +22,7 @@
.AppList { .AppList {
display: flex; display: flex;
gap: .5rem; gap: clamp(.5rem, 1vw, 2rem);
margin: 0 auto 2rem; margin: 0 auto 2rem;
flex-wrap: wrap; flex-wrap: wrap;
} }
+2 -2
View File
@@ -8,13 +8,13 @@
} }
.Date { .Date {
font-size: max(3vw, 2.5rem); font-size: clamp(2.5rem, 3vw, 6rem);
margin-bottom: max(1vw, 1rem); margin-bottom: max(1vw, 1rem);
line-height: 1.1; line-height: 1.1;
} }
.Time { .Time {
font-size: max(1.5vw, 1.5rem); font-size: clamp(1.5rem, 1.5vw, 3.5rem);
text-shadow: 1px 1px 4px #000; text-shadow: 1px 1px 4px #000;
} }
+1 -1
View File
@@ -43,7 +43,7 @@ export function Search() {
id="search" id="search"
class={style.Search} class={style.Search}
type="text" type="text"
placeholder={`Lorem ipsum`} placeholder="Search..."
value={term()} value={term()}
onInput={(e) => setTerm(e.target.value)} onInput={(e) => setTerm(e.target.value)}
onKeyPress={(e) => { onKeyPress={(e) => {