sugoidogo/modrinth
1
0
Fork 0
mirror of https://github.com/modrinth/code.git synced 2026-09-02 13:05:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed settings modal category headers being cut off (#7258)

Browse Source 
fix settings modal category headers being cut off
This commit is contained in:
Seungyeop Lee
2026-08-25 23:20:21 +00:00
committed by GitHub
parent a921cfdb7a
commit ffdf7ff745
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/modal/TabbedModal.vue
+2 -2
View File
@@ -136,7 +136,7 @@ defineExpose({ show, hide, selectedTab, setTab })
<template v-for="(tab, index) in visibleTabs" :key="index"> <template v-for="(tab, index) in visibleTabs" :key="index">
<div <div
v-if="startsCategory(index) && tab.category" v-if="startsCategory(index) && tab.category"
class="truncate px-4 pb-1 pt-2 text-xs font-bold uppercase tracking-wide text-secondary" class="shrink-0 truncate px-4 pb-1 pt-2 text-xs font-bold uppercase tracking-wide text-secondary"
> >
{{ formatMessage(tab.category) }} {{ formatMessage(tab.category) }}
</div> </div>
@@ -145,7 +145,7 @@ defineExpose({ show, hide, selectedTab, setTab })
:href="tab.href ?? undefined" :href="tab.href ?? undefined"
:target="tab.href ? '_blank' : undefined" :target="tab.href ? '_blank' : undefined"
:rel="tab.href ? 'noopener noreferrer' : undefined" :rel="tab.href ? 'noopener noreferrer' : undefined"
:class="`flex min-w-0 gap-2 items-center text-left rounded-xl px-4 py-2 border-none font-semibold cursor-pointer active:scale-[0.97] transition-all no-underline ${!tab.href && selectedTab === index ? 'bg-button-bgSelected text-button-textSelected' : 'bg-transparent text-button-text hover:bg-button-bg hover:text-contrast'}`" :class="`flex min-w-0 shrink-0 gap-2 items-center text-left rounded-xl px-4 py-2 border-none font-semibold cursor-pointer active:scale-[0.97] transition-all no-underline ${!tab.href && selectedTab === index ? 'bg-button-bgSelected text-button-textSelected' : 'bg-transparent text-button-text hover:bg-button-bg hover:text-contrast'}`"
@click="!tab.href && setTab(index)" @click="!tab.href && setTab(index)"
> >
<component :is="tab.icon" class="w-4 h-4 flex-shrink-0" /> <component :is="tab.icon" class="w-4 h-4 flex-shrink-0" />