Bommels05/Modrinth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace project icon border (#1319)

Browse Source 
Icons in project pages with featured images and in search results with gallery view have borders that resize their 96x96 icons to 88x92.

These box-shadow replacements preserve icon size while retaining visual equivalency (rounded 4px border around left, top, and right).
This commit is contained in:
naqaden 2023-08-21 15:47:34 -07:00 committed by GitHub
parent 806fcb6ed2
commit 0a59a06121
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/ui/ProjectCard.vue
View File

@ -305,8 +305,7 @@ export default {
img, img,
svg { svg {
border-radius: var(--size-rounded-lg); border-radius: var(--size-rounded-lg);
border: 4px solid var(--color-raised-bg); box-shadow: -2px -2px 0 2px var(--color-raised-bg), 2px -2px 0 2px var(--color-raised-bg);
border-bottom: none;
} }
} }

3
pages/[type]/[id].vue
View File

@ -1159,8 +1159,7 @@ const collapsedChecklist = ref(false)
margin-top: calc(-3rem - var(--spacing-card-lg) - 4px); margin-top: calc(-3rem - var(--spacing-card-lg) - 4px);
margin-left: -4px; margin-left: -4px;
z-index: 1; z-index: 1;
border: 4px solid var(--color-raised-bg); box-shadow: -2px -2px 0 2px var(--color-raised-bg), 2px -2px 0 2px var(--color-raised-bg);
border-bottom: none;
} }
} }
.project__header__content { .project__header__content {