daniil/smart-home-tablet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: date input overflow, 7-day forecast on Home, screensaver button in settings
All checks were successful
Deploy / deploy (push) Successful in 2m45s
Details

Browse Source
This commit is contained in:
Cosmo
2026-04-22 20:19:04 +00:00
parent 08739ba2f5
commit a7611b46c4
2 changed files with 30 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/CalendarTab.tsx
View File

@@ -66,13 +66,13 @@ function AddEventModal({ defaultDate, onClose, onSaved }: { defaultDate: string;
<div style={{
background: 'rgba(16,16,30,0.97)', backdropFilter: 'blur(40px)',
border: '1px solid rgba(255,255,255,0.07)', borderRadius: 28,
width: 420, maxWidth: '95vw', overflow: 'hidden',
width: 400, maxWidth: '90vw', overflow: 'hidden',
boxShadow: '0 30px 90px rgba(0,0,0,0.6)',
}} onClick={e => e.stopPropagation()}>
{/* Header */}
<div style={{
padding: '24px 28px 20px',
padding: '22px 24px 18px',
borderBottom: '1px solid rgba(255,255,255,0.05)',
display: 'flex', justifyContent: 'space-between', alignItems: 'center',
}}>
@@ -90,7 +90,7 @@ function AddEventModal({ defaultDate, onClose, onSaved }: { defaultDate: string;
</div>
{/* Body */}
<div style={{ padding: '20px 28px 28px' }}>
<div style={{ padding: '20px 24px 24px' }}>
{/* Calendar selector */}
<div style={{ display: 'flex', gap: 8, marginBottom: 20 }}>
@@ -125,7 +125,7 @@ function AddEventModal({ defaultDate, onClose, onSaved }: { defaultDate: string;
placeholder="Название события"
autoFocus
style={{
width: '100%', padding: '15px 18px', borderRadius: 14,
width: '100%', padding: '15px 18px', borderRadius: 14, boxSizing: 'border-box' as any,
background: 'rgba(255,255,255,0.04)',
border: '1px solid rgba(255,255,255,0.07)',
color: 'var(--text-primary)', fontSize: 16, fontWeight: 500,
@@ -144,7 +144,7 @@ function AddEventModal({ defaultDate, onClose, onSaved }: { defaultDate: string;
<input
type="date" value={date} onChange={e => setDate(e.target.value)}
style={{
width: '100%', padding: '14px 18px', borderRadius: 14,
width: '100%', padding: '14px 18px', borderRadius: 14, boxSizing: 'border-box' as any,
background: 'rgba(255,255,255,0.04)',
border: '1px solid rgba(255,255,255,0.07)',
color: 'var(--text-primary)', fontSize: 15,
@@ -305,7 +305,7 @@ function EventDetailModal({ event, onClose, onDelete, onUpdate }: {
<div style={{
background: 'rgba(16,16,30,0.97)', backdropFilter: 'blur(40px)',
border: '1px solid rgba(255,255,255,0.07)', borderRadius: 28,
width: 480, maxWidth: '95vw', overflow: 'hidden',
width: 440, maxWidth: '90vw', overflow: 'hidden',
boxShadow: '0 30px 90px rgba(0,0,0,0.6)',
}} onClick={e => e.stopPropagation()}>
@@ -313,7 +313,7 @@ function EventDetailModal({ event, onClose, onDelete, onUpdate }: {
<div style={{
background: `linear-gradient(135deg, ${event.color}20, ${event.color}08)`,
borderBottom: `1px solid ${event.color}15`,
padding: '24px 28px 20px',
padding: '22px 24px 18px',
}}>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}>
<div style={{ flex: 1, minWidth: 0 }}>
@@ -361,7 +361,7 @@ function EventDetailModal({ event, onClose, onDelete, onUpdate }: {
</div>
{/* Content */}
<div style={{ padding: '20px 28px 24px', display: 'flex', flexDirection: 'column', gap: 14 }}>
<div style={{ padding: '20px 24px 22px', display: 'flex', flexDirection: 'column', gap: 14 }}>
{editing ? (
<>
@@ -369,7 +369,7 @@ function EventDetailModal({ event, onClose, onDelete, onUpdate }: {
<div>
<div style={{ fontSize: 11, color: 'var(--text-secondary)', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.08em', marginBottom: 8 }}>Дата</div>
<input type="date" value={editDate} onChange={e => setEditDate(e.target.value)} style={{
width: '100%', padding: '12px 16px', borderRadius: 12,
width: '100%', padding: '12px 16px', borderRadius: 12, boxSizing: 'border-box' as any,
background: 'rgba(255,255,255,0.04)', border: '1px solid rgba(255,255,255,0.07)',
color: 'var(--text-primary)', fontSize: 15, outline: 'none', fontFamily: 'inherit',
}} />