Archived
style improvements
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user