fix: add compliance file name ellipsis support

This commit is contained in:
NFish 2025-02-10 16:34:59 +08:00
parent 9bff9b5c9e
commit 2b95e54d54

View File

@ -129,7 +129,7 @@ export default function Compliance() {
> >
<Menu.Items <Menu.Items
className={cn( className={cn(
`absolute top-[1px] w-[320px] max-h-[70vh] overflow-y-scroll z-10 bg-components-panel-bg-blur backdrop-blur-[5px] border-[0.5px] border-components-panel-border `absolute top-[1px] w-[337px] max-h-[70vh] overflow-y-scroll z-10 bg-components-panel-bg-blur backdrop-blur-[5px] border-[0.5px] border-components-panel-border
divide-y divide-divider-subtle origin-top-right rounded-xl focus:outline-none shadow-lg -translate-x-full divide-y divide-divider-subtle origin-top-right rounded-xl focus:outline-none shadow-lg -translate-x-full
`, `,
)} )}
@ -141,7 +141,7 @@ export default function Compliance() {
active && 'bg-state-base-hover', active && 'bg-state-base-hover',
)}> )}>
<Soc2 className='flex-shrink-0 size-7' /> <Soc2 className='flex-shrink-0 size-7' />
<div className='flex-grow system-md-regular text-text-secondary px-1'>{t('common.compliance.soc2Type1')}</div> <div className='system-md-regular flex-grow text-text-secondary px-1 truncate'>{t('common.compliance.soc2Type1')}</div>
<UpgradeOrDownload doc_name={DocName.SOC2_Type_I} /> <UpgradeOrDownload doc_name={DocName.SOC2_Type_I} />
</div>} </div>}
</Menu.Item> </Menu.Item>
@ -151,7 +151,7 @@ export default function Compliance() {
active && 'bg-state-base-hover', active && 'bg-state-base-hover',
)}> )}>
<Soc2 className='flex-shrink-0 size-7' /> <Soc2 className='flex-shrink-0 size-7' />
<div className='flex-grow system-md-regular text-text-secondary px-1'>{t('common.compliance.soc2Type2')}</div> <div className='system-md-regular flex-grow text-text-secondary px-1 truncate'>{t('common.compliance.soc2Type2')}</div>
<UpgradeOrDownload doc_name={DocName.SOC2_Type_II} /> <UpgradeOrDownload doc_name={DocName.SOC2_Type_II} />
</div>} </div>}
</Menu.Item> </Menu.Item>
@ -161,7 +161,7 @@ export default function Compliance() {
active && 'bg-state-base-hover', active && 'bg-state-base-hover',
)}> )}>
<Iso className='flex-shrink-0 size-7' /> <Iso className='flex-shrink-0 size-7' />
<div className='flex-grow system-md-regular text-text-secondary px-1'>{t('common.compliance.iso27001')}</div> <div className='system-md-regular flex-grow text-text-secondary px-1 truncate'>{t('common.compliance.iso27001')}</div>
<UpgradeOrDownload doc_name={DocName.ISO_27001} /> <UpgradeOrDownload doc_name={DocName.ISO_27001} />
</div>} </div>}
</Menu.Item> </Menu.Item>
@ -171,7 +171,7 @@ export default function Compliance() {
active && 'bg-state-base-hover', active && 'bg-state-base-hover',
)}> )}>
<Gdpr className='flex-shrink-0 size-7' /> <Gdpr className='flex-shrink-0 size-7' />
<div className='flex-grow system-md-regular text-text-secondary px-1'>{t('common.compliance.gdpr')}</div> <div className='system-md-regular flex-grow text-text-secondary px-1 truncate'>{t('common.compliance.gdpr')}</div>
<UpgradeOrDownload doc_name={DocName.GDPR} /> <UpgradeOrDownload doc_name={DocName.GDPR} />
</div>} </div>}
</Menu.Item> </Menu.Item>