Browse Source

style: add `break-words` to prevent overflow

yushengchen 4 months ago
parent
commit
41f9c2553a
1 changed files with 2 additions and 1 deletions
  1. 2 1
      pages/options/src/components/ModelSettings.tsx

+ 2 - 1
pages/options/src/components/ModelSettings.tsx

@@ -918,7 +918,8 @@ export const ModelSettings = ({ isDarkMode = false }: ModelSettingsProps) => {
                     !providersFromStorage.has(providerId) &&
                     providerConfig.apiKey && (
                       <div className="ml-20 mt-1">
-                        <p className={`font-mono text-sm ${isDarkMode ? 'text-emerald-400' : 'text-emerald-600'}`}>
+                        <p
+                          className={`font-mono text-sm break-words ${isDarkMode ? 'text-emerald-400' : 'text-emerald-600'}`}>
                           {providerConfig.apiKey}
                         </p>
                       </div>