diff --git a/apps/frontend/src/components/project-review/disclosures/view.vue b/apps/frontend/src/components/project-review/disclosures/view.vue index bc185c38149..488a09d6a02 100644 --- a/apps/frontend/src/components/project-review/disclosures/view.vue +++ b/apps/frontend/src/components/project-review/disclosures/view.vue @@ -292,7 +292,7 @@ const sections = computed(() => @apply grid min-w-0 grid-cols-1 gap-1.5; } .disclosure-fields dt { - @apply text-sm font-semibold text-secondary; + @apply text-sm font-medium text-secondary; } .disclosure-fields dd { @apply m-0 min-w-0 break-words leading-normal text-primary; @@ -313,7 +313,7 @@ const sections = computed(() => } @container disclosure-view (min-width: 32rem) { .disclosure-fields { - @apply gap-2; + @apply gap-2.5; } .disclosure-fields > div { @apply grid-cols-[142px_minmax(0,1fr)] gap-x-3; diff --git a/apps/frontend/src/components/project-review/kdb-chip.vue b/apps/frontend/src/components/project-review/kdb-chip.vue index 9ac0f4c1f9b..a601811cb3f 100644 --- a/apps/frontend/src/components/project-review/kdb-chip.vue +++ b/apps/frontend/src/components/project-review/kdb-chip.vue @@ -3,7 +3,12 @@ v-for="(shortcut, index) in shortcuts" :key="index" :aria-label="shortcut.label" - class="flex h-[18px] min-w-[18px] shrink-0 items-center justify-center rounded border border-solid border-surface-4 bg-surface-3 px-0.5 font-sans text-[10px] font-medium text-primary" + class="flex min-w-[18px] shrink-0 items-center justify-center rounded font-sans font-medium text-primary" + :class="{ + 'h-auto border-none bg-transparent !p-0 !text-sm shadow-none': tooltipContent, + 'h-[18px] border border-solid border-surface-4 bg-surface-3 px-0.5 text-[10px]': + !tooltipContent, + }" v-bind="$attrs" > {{ shortcut.text }} @@ -17,7 +22,10 @@ import { computed, onMounted, ref } from 'vue' import { useModerationKeybinds, useModerationSettings } from '~/composables/moderation' defineOptions({ inheritAttrs: false }) -const props = defineProps<{ keybind: string }>() +const props = defineProps<{ + keybind: string + tooltipContent?: boolean +}>() const keybinds = useModerationKeybinds() const settings = useModerationSettings() const isMac = ref(false) @@ -25,7 +33,11 @@ onMounted(() => { isMac.value = navigator.platform.toUpperCase().includes('MAC') }) const shortcuts = computed(() => { - if (!settings.value.get(moderationSettings.General.ShowShortcutKeybindHints)) return [] + if ( + !props.tooltipContent && + !settings.value.get(moderationSettings.General.ShowShortcutKeybindHints) + ) + return [] const binding = [...keybinds.value].find(([id]) => id === props.keybind)?.[1] return ( binding?.keybind.map((definition) => { diff --git a/apps/frontend/src/components/project-review/project-info/project/icon.vue b/apps/frontend/src/components/project-review/project-info/project/icon.vue index c99601f9c7c..cc888b188bc 100644 --- a/apps/frontend/src/components/project-review/project-info/project/icon.vue +++ b/apps/frontend/src/components/project-review/project-info/project/icon.vue @@ -1,5 +1,8 @@