akanealw/Charon
1
0
Fork 0
Code Issues Pull Requests Actions 6 Packages Projects Releases Wiki Activity

fix: replace flex-shrink-0 with shrink-0 for consistent styling across components

Browse Source
This commit is contained in:
GitHub Actions
2026-03-09 20:03:57 +00:00
parent 82a55da026
commit 542d4ff3ee
21 changed files with 2977 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/CrowdSecConfig.tsx
+2 -2
View File
@@ -580,7 +580,7 @@ export default function CrowdSecConfig() {
{/* Yellow warning: Process running but LAPI initializing */}
{lapiStatusQuery.data && lapiStatusQuery.data.running && !lapiStatusQuery.data.lapi_ready && initialCheckComplete && (
<div className="flex items-start gap-3 p-4 bg-yellow-900/20 border border-yellow-700/50 rounded-lg" data-testid="lapi-warning">
<AlertTriangle className="w-5 h-5 text-yellow-400 flex-shrink-0 mt-0.5" />
<AlertTriangle className="w-5 h-5 text-yellow-400 shrink-0 mt-0.5" />
<div className="flex-1">
<p className="text-sm text-yellow-200 font-medium mb-2">
{t('crowdsecConfig.lapiInitializing')}
@@ -606,7 +606,7 @@ export default function CrowdSecConfig() {
{/* Red warning: Process not running at all */}
{lapiStatusQuery.data && !lapiStatusQuery.data.running && initialCheckComplete && (
<div className="flex items-start gap-3 p-4 bg-red-900/20 border border-red-700/50 rounded-lg" data-testid="lapi-not-running-warning">
<AlertTriangle className="w-5 h-5 text-red-400 flex-shrink-0 mt-0.5" />
<AlertTriangle className="w-5 h-5 text-red-400 shrink-0 mt-0.5" />
<div className="flex-1">
<p className="text-sm text-red-200 font-medium mb-2">
{t('crowdsecConfig.notRunning')}
frontend/src/pages/Logs.tsx
+1 -1
View File
@@ -94,7 +94,7 @@ const Logs: FC = () => {
: 'hover:bg-surface-muted text-content-secondary'
}`}
>
<FileText className="w-4 h-4 mr-2 flex-shrink-0" />
<FileText className="w-4 h-4 mr-2 shrink-0" />
<div className="flex-1 min-w-0">
<div className="font-medium truncate">{log.name}</div>
<div className="text-xs text-content-muted">{(log.size / 1024 / 1024).toFixed(2)} MB</div>
frontend/src/pages/Plugins.tsx
+2 -2
View File
@@ -175,7 +175,7 @@ export default function Plugins() {
<div className="flex items-start justify-between">
<div className="flex-1 min-w-0">
<div className="flex items-center gap-3">
<Package className="w-5 h-5 text-content-secondary flex-shrink-0" />
<Package className="w-5 h-5 text-content-secondary shrink-0" />
<div className="flex-1 min-w-0">
<h3 className="text-base font-medium text-content-primary truncate">
{plugin.name}
@@ -228,7 +228,7 @@ export default function Plugins() {
<div className="flex items-start justify-between">
<div className="flex-1 min-w-0">
<div className="flex items-center gap-3">
<Package className="w-5 h-5 text-brand-500 flex-shrink-0" />
<Package className="w-5 h-5 text-brand-500 shrink-0" />
<div className="flex-1 min-w-0">
<h3 className="text-base font-medium text-content-primary truncate">
{plugin.name}
frontend/src/pages/ProxyHosts.tsx
+2 -2
View File
@@ -438,7 +438,7 @@ export default function ProxyHosts() {
style={{ maxWidth: '100%' }}
>
<span className="truncate max-w-[30ch]">{d}</span>
<ExternalLink size={12} className="opacity-50 flex-shrink-0" />
<ExternalLink size={12} className="opacity-50 shrink-0" />
</a>
</div>
)
@@ -1101,7 +1101,7 @@ export default function ProxyHosts() {
<DialogContent className="max-w-lg">
<DialogHeader>
<div className="flex items-start gap-3">
<div className="flex-shrink-0 w-10 h-10 rounded-full bg-error/10 flex items-center justify-center">
<div className="shrink-0 w-10 h-10 rounded-full bg-error/10 flex items-center justify-center">
<AlertTriangle className="h-5 w-5 text-error" />
</div>
<div>
frontend/src/pages/RateLimiting.tsx
+1 -1
View File
@@ -90,7 +90,7 @@ export default function RateLimiting() {
{/* Info Banner */}
<div className="bg-blue-900/20 border border-blue-800/50 rounded-lg p-4">
<div className="flex items-start gap-3">
<Info className="h-5 w-5 text-blue-400 flex-shrink-0 mt-0.5" />
<Info className="h-5 w-5 text-blue-400 shrink-0 mt-0.5" />
<div>
<h3 className="text-sm font-semibold text-blue-300 mb-1">
{t('rateLimiting.aboutTitle')}
frontend/src/pages/SystemSettings.tsx
+2 -2
View File
@@ -452,9 +452,9 @@ export default function SystemSettings() {
/>
{publicURLValid !== null && (
publicURLValid ? (
<CheckCircle2 className="h-5 w-5 text-green-500 self-center flex-shrink-0" />
<CheckCircle2 className="h-5 w-5 text-green-500 self-center shrink-0" />
) : (
<XCircle className="h-5 w-5 text-red-500 self-center flex-shrink-0" />
<XCircle className="h-5 w-5 text-red-500 self-center shrink-0" />
)
)}
</div>
frontend/src/pages/WafConfig.tsx
+1 -1
View File
@@ -371,7 +371,7 @@ export default function WafConfig() {
{/* Info Banner */}
<div className="bg-blue-900/20 border border-blue-800/50 rounded-lg p-4">
<div className="flex items-start gap-3">
<FileCode2 className="h-5 w-5 text-blue-400 flex-shrink-0 mt-0.5" />
<FileCode2 className="h-5 w-5 text-blue-400 shrink-0 mt-0.5" />
<div>
<h3 className="text-sm font-semibold text-blue-300 mb-1">
{t('wafConfig.aboutTitle')}