style(badge): temporary fix Badge styles in mantine v9

GZTimeWalker · GZTimeWalker · commit a807ee388f7a · 2026-04-01T20:53:08.000+08:00
diff --git a/src/GZCTF/ClientApp/src/styles/shared/Badge.module.css b/src/GZCTF/ClientApp/src/styles/shared/Badge.module.css
@@ -0,0 +1,5 @@
+.label {
+  /* wait for: https://github.com/mantinedev/mantine/issues/8788 */
+  text-box-trim: none !important;
+  text-box-edge: auto !important;
+}
diff --git a/src/GZCTF/ClientApp/src/utils/ThemeOverride.ts b/src/GZCTF/ClientApp/src/utils/ThemeOverride.ts
@@ -20,6 +20,7 @@ import { createStyles } from '@mantine/emotion'
 import { useLocalStorage, useMediaQuery } from '@mantine/hooks'
 import { useEffect, useState } from 'react'
 import { useConfig } from '@Hooks/useConfig'
+import badgeClasses from '@Styles/Badge.module.css'
 import tooltipClasses from '@Styles/Tooltip.module.css'
 
 const CustomTheme: MantineThemeOverride = {
@@ -146,6 +147,7 @@ const CustomTheme: MantineThemeOverride = {
       defaultProps: {
         variant: 'outline',
       },
+      classNames: badgeClasses,
     }),
     Tabs: Tabs.extend({
       styles: {
