fix: subscription status badge overflow + inline password validation

- Status badge (e.g. 'ПРИОСТАНОВЛЕНА (НЕДОСТАТОЧНО СРЕДСТВ)') now
  constrained with max-w-[55%] to prevent overlapping tariff name
- Password too short error shown inline under password field during
  registration instead of at the top of the page (invisible on mobile)
This commit is contained in:
c0mrade
2026-04-13 14:43:29 +03:00
parent f787cc2de8
commit 3d0fc76ecd
2 changed files with 11 additions and 1 deletions

View File

@@ -720,6 +720,16 @@ export default function Login() {
value={password} value={password}
onChange={(e) => setPassword(e.target.value)} onChange={(e) => setPassword(e.target.value)}
/> />
{authMode === 'register' &&
password.length > 0 &&
password.length < 8 && (
<p className="mt-1.5 text-xs text-error-400">
{t(
'auth.passwordTooShort',
'Password must be at least 8 characters',
)}
</p>
)}
</div> </div>
{authMode === 'register' && ( {authMode === 'register' && (

View File

@@ -584,7 +584,7 @@ export default function Subscription() {
{/* Status badge */} {/* Status badge */}
<span <span
className="rounded-full px-3 py-1 font-mono text-[10px] font-semibold uppercase tracking-wider" className="max-w-[55%] shrink-0 rounded-full px-3 py-1 text-center font-mono text-[10px] font-semibold uppercase tracking-wider"
style={{ style={{
background: subscription.is_active background: subscription.is_active
? `${zone.mainHex}15` ? `${zone.mainHex}15`