Michelle/redlight
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

refactor: update class names for consistency and improve styling
Build & Push Docker Image / build (push) Successful in 4m21s
Details

Browse Source 
- Changed `flex-shrink-0` to `shrink-0` in multiple components for better consistency.
- Updated button and checkbox classes to use `rounded-sm` for a more uniform appearance.
- Adjusted backdrop blur classes for modals to `backdrop-blur-xs` for a subtler effect.
- Removed unused Tailwind CSS configuration file.
This commit is contained in:
Michelle
2026-05-18 13:07:26 +02:00
parent aba7819f12
commit 4028e913c4
28 changed files with 1608 additions and 1425 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Settings.jsx
+10 -10
View File
@@ -267,7 +267,7 @@ export default function Settings() {
<div className="flex flex-col md:flex-row gap-6">
{/* Section nav */}
<div className="md:w-56 flex-shrink-0">
<div className="md:w-56 shrink-0">
<nav className="flex md:flex-col gap-1">
{sections.map(s => (
<button
@@ -495,7 +495,7 @@ export default function Settings() {
/* 2FA is enabled */
<div>
<div className="flex items-center gap-3 p-4 rounded-xl bg-emerald-500/10 border border-emerald-500/30 mb-5">
<ShieldCheck size={22} className="text-emerald-400 flex-shrink-0" />
<ShieldCheck size={22} className="text-emerald-400 shrink-0" />
<div>
<p className="text-sm font-medium text-emerald-300">{t('settings.security.statusEnabled')}</p>
<p className="text-xs text-emerald-400/70">{t('settings.security.statusEnabledDesc')}</p>
@@ -569,7 +569,7 @@ export default function Settings() {
</code>
<button
onClick={() => { navigator.clipboard.writeText(twoFaSetupData.secret); toast.success(t('room.linkCopied')); }}
className="btn-ghost py-1.5 px-2 flex-shrink-0"
className="btn-ghost py-1.5 px-2 shrink-0"
>
<Copy size={14} />
</button>
@@ -605,7 +605,7 @@ export default function Settings() {
/* 2FA is disabled — show enable button */
<div>
<div className="flex items-center gap-3 p-4 rounded-xl bg-th-bg-t border border-th-border mb-5">
<ShieldOff size={22} className="text-th-text-s flex-shrink-0" />
<ShieldOff size={22} className="text-th-text-s shrink-0" />
<div>
<p className="text-sm font-medium text-th-text">{t('settings.security.statusDisabled')}</p>
<p className="text-xs text-th-text-s">{t('settings.security.statusDisabledDesc')}</p>
@@ -667,7 +667,7 @@ export default function Settings() {
>
{/* Color preview */}
<div
className="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 border"
className="w-10 h-10 rounded-lg flex items-center justify-center shrink-0 border"
style={{ backgroundColor: th.colors.bg, borderColor: th.colors.accent + '40' }}
>
<div className="w-4 h-4 rounded-full" style={{ backgroundColor: th.colors.accent }} />
@@ -699,7 +699,7 @@ export default function Settings() {
</code>
<button
onClick={() => { navigator.clipboard.writeText(`${window.location.origin}/caldav/`); toast.success(t('room.linkCopied')); }}
className="btn-ghost py-1.5 px-2 flex-shrink-0"
className="btn-ghost py-1.5 px-2 shrink-0"
>
<Copy size={14} />
</button>
@@ -713,7 +713,7 @@ export default function Settings() {
</code>
<button
onClick={() => { navigator.clipboard.writeText(user?.email || ''); toast.success(t('room.linkCopied')); }}
className="btn-ghost py-1.5 px-2 flex-shrink-0"
className="btn-ghost py-1.5 px-2 shrink-0"
>
<Copy size={14} />
</button>
@@ -732,12 +732,12 @@ export default function Settings() {
<code className="flex-1 text-xs bg-th-bg-t px-3 py-2 rounded-lg font-mono text-th-text break-all">
{tokenVisible ? newlyCreatedToken : '•'.repeat(48)}
</code>
<button onClick={() => setTokenVisible(v => !v)} className="btn-ghost py-1.5 px-2 flex-shrink-0">
<button onClick={() => setTokenVisible(v => !v)} className="btn-ghost py-1.5 px-2 shrink-0">
{tokenVisible ? <EyeOff size={14} /> : <Eye size={14} />}
</button>
<button
onClick={() => { navigator.clipboard.writeText(newlyCreatedToken); toast.success(t('room.linkCopied')); }}
className="btn-ghost py-1.5 px-2 flex-shrink-0"
className="btn-ghost py-1.5 px-2 shrink-0"
>
<Copy size={14} />
</button>
@@ -790,7 +790,7 @@ export default function Settings() {
</div>
<button
onClick={() => handleRevokeToken(tk.id)}
className="btn-ghost py-1 px-2 text-th-error hover:text-th-error flex-shrink-0"
className="btn-ghost py-1 px-2 text-th-error hover:text-th-error shrink-0"
title={t('settings.caldav.revoke')}
>
<Trash2 size={14} />