ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-28 05:11:02 +00: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
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -16,7 +16,7 @@
text-decoration: none;
padding: 0.5rem;
width: 100%;
transition: all 0.3s var(--bezier-one);
transition: background-color 0.3s var(--bezier-one);
border-radius: 4px;
display: flex;
gap: 1rem;
@@ -47,4 +47,22 @@
transition: transform 0.4s var(--bezier-one);
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>

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

@@ -76,4 +76,11 @@
justify-items: center;
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>