MrSphay/Modrinth-plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix author name underline + fix gallery preference being broken (#5337)

Browse Source
This commit is contained in:
Prospector
2026-02-08 17:01:23 -08:00
committed by GitHub
parent a3bc35c303
commit 4eb0f0c206
3 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui/src/components/base/SmartClickable.vue
View File

@@ -44,9 +44,6 @@ defineOptions({
// Setup base styles for contents // Setup base styles for contents
.smart-clickable__contents { .smart-clickable__contents {
transition: scale 0.125s ease-out; transition: scale 0.125s ease-out;
// Why? I don't know. It forces the SVGs to render differently, which fixes some shift on hover otherwise.
//filter: brightness(1.00001);
} }
// When clickable is being hovered or focus-visible, give contents an effect // When clickable is being hovered or focus-visible, give contents an effect
@@ -59,6 +56,12 @@ defineOptions({
:deep(.smart-clickable\:highlight-on-hover) { :deep(.smart-clickable\:highlight-on-hover) {
filter: brightness(var(--hover-brightness, 1.25)); filter: brightness(var(--hover-brightness, 1.25));
} }
:deep(.smart-clickable\:surface-4-on-hover) {
@apply bg-surface-4;
}
:deep(.smart-clickable\:surface-5-on-hover) {
@apply bg-surface-5;
}
:deep(.ease-brightness) { :deep(.ease-brightness) {
opacity: 0.85; opacity: 0.85;
transition: opacity 0.125s ease-out; transition: opacity 0.125s ease-out;

4
packages/ui/src/components/project/ProjectCardList.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
withDefaults( withDefaults(
defineProps<{ defineProps<{
layout?: 'list' | 'grid' layout?: 'list' | 'grid' | 'gallery'
}>(), }>(),
{ {
layout: 'list', layout: 'list',
@@ -13,7 +13,7 @@ withDefaults(
class="gap-3" class="gap-3"
:class="{ :class="{
'flex flex-col': layout === 'list', 'flex flex-col': layout === 'list',
'grid grid-project-list': layout === 'grid', 'grid grid-project-list': layout === 'grid' || layout === 'gallery',
}" }"
role="list" role="list"
> >

2
packages/ui/src/components/project/card/ProjectCard.vue
View File

@@ -182,7 +182,7 @@ const props = defineProps<{
}>() }>()
const baseCardStyle = const baseCardStyle =
'w-full h-full border-[1px] border-solid border-surface-4 overflow-hidden bg-bg-raised rounded-2xl group transition-all smart-clickable:outline-on-focus smart-clickable:highlight-on-hover' 'w-full h-full border-[1px] border-solid border-surface-4 overflow-hidden bg-surface-3 rounded-2xl transition-all smart-clickable:outline-on-focus smart-clickable:highlight-on-hover'
const updatedDate = computed(() => const updatedDate = computed(() =>
props.dateUpdated ? dayjs(props.dateUpdated).toDate() : undefined, props.dateUpdated ? dayjs(props.dateUpdated).toDate() : undefined,