ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-04-30 06:34:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: contributors page mobile view

Browse Source
This commit is contained in:
afn 2022-12-01 20:05:40 -05:00
parent 63a36628ea
commit e616178733
3 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app.css
View File

@ -54,7 +54,6 @@ body {
::selection { ::selection {
background-color: var(--accent-low-opacity); background-color: var(--accent-low-opacity);
color: var(--accent-color);
} }
/*-----headings-----*/ /*-----headings-----*/
@ -64,14 +63,14 @@ h1 {
line-height: 1em; line-height: 1em;
font-size: 3rem; font-size: 3rem;
font-weight: 700; font-weight: 700;
letter-spacing: -0.04em; letter-spacing: -0.03em;
} }
h2 { h2 {
color: var(--grey-five); color: var(--grey-five);
line-height: 1em; line-height: 1em;
font-size: 2.25rem; font-size: 2.25rem;
letter-spacing: -0.075rem; letter-spacing: -0.05rem;
font-weight: 600; font-weight: 600;
} }

20
src/lib/components/atoms/ContributorPerson.svelte
View File

@ -16,7 +16,7 @@
text-decoration: none; text-decoration: none;
padding: 0.5rem; padding: 0.5rem;
width: 100%; width: 100%;
transition: all 0.3s var(--bezier-one); transition: background-color 0.3s var(--bezier-one);
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
gap: 1rem; gap: 1rem;
@ -47,4 +47,22 @@
transition: transform 0.4s var(--bezier-one); transition: transform 0.4s var(--bezier-one);
user-select: none; user-select: none;
} }
@media (max-width: 768px) {
h5 {
display: none;
}
img {
height: 48px;
width: 48px;
}
a {
border-radius: 16px;
width: max-content;
background-color: transparent;
border: none;
}
}
</style> </style>

7
src/lib/components/molecules/ContributorHost.svelte
View File

@ -76,4 +76,11 @@
justify-items: center; justify-items: center;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
} }
@media (max-width: 768px) {
.contrib-host {
gap: 0.25rem;
grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
}
}
</style> </style>