aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2026-01-04 07:24:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: move offline-first paragraph inside flex container to prevent overlap with image

Browse Source
This commit is contained in:
Gigi
2025-10-15 19:12:17 +02:00
parent f03ec5df8c
commit c1d173f40e
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Settings/PWASettings.tsx
View File

@@ -64,12 +64,12 @@ const PWASettings: React.FC<PWASettingsProps> = ({ settings, onUpdate, onClose }
<div className="settings-section">
<h3 className="section-title">App & Airplane Mode</h3>
<p className="setting-description" style={{ marginBottom: '1rem', color: 'var(--color-text-secondary)', fontSize: '0.875rem' }}>
Boris is offline‑first by design. You can read, create highlights, and browse your library without being connected to the internet. Boris will store changes locally and sync later.
</p>
<div style={{ display: 'flex', gap: '2rem', alignItems: 'stretch' }}>
<div style={{ flex: 1, display: 'flex', flexDirection: 'column', gap: '0.25rem' }}>
<p className="setting-description" style={{ marginBottom: '1rem', color: 'var(--color-text-secondary)', fontSize: '0.875rem' }}>
Boris is offline‑first by design. You can read, create highlights, and browse your library without being connected to the internet. Boris will store changes locally and sync later.
</p>
{/* Flight Mode Section - Checkboxes First */}
<div className="setting-group" style={{ display: 'flex', alignItems: 'center', gap: '1rem', flexWrap: 'wrap' }}>
<label htmlFor="enableImageCache" className="checkbox-label" style={{ marginBottom: 0 }}>