diff --git a/src/components/Settings/ZapSettings.tsx b/src/components/Settings/ZapSettings.tsx index 4f6da63d..23df158d 100644 --- a/src/components/Settings/ZapSettings.tsx +++ b/src/components/Settings/ZapSettings.tsx @@ -17,10 +17,52 @@ const ZapSettings: React.FC = ({ settings, onUpdate }) => { const borisPercentage = totalWeight > 0 ? (borisWeight / totalWeight) * 100 : 0 const authorPercentage = totalWeight > 0 ? (authorWeight / totalWeight) * 100 : 0 + const applyPreset = (preset: { highlighter: number; boris: number; author: number }) => { + onUpdate({ + zapSplitHighlighterWeight: preset.highlighter, + zapSplitBorisWeight: preset.boris, + zapSplitAuthorWeight: preset.author, + }) + } + return (

Zap Splits

+
+ +
+ + + + +
+
+
diff --git a/src/index.css b/src/index.css index 6094a8b6..58199fad 100644 --- a/src/index.css +++ b/src/index.css @@ -2088,6 +2088,36 @@ body { text-align: left; } +.zap-preset-buttons { + display: flex; + gap: 0.5rem; + flex-wrap: wrap; +} + +.zap-preset-btn { + padding: 0.5rem 1rem; + background: #2a2a2a; + border: 1px solid #444; + border-radius: 6px; + color: #ccc; + font-size: 0.9rem; + cursor: pointer; + transition: all 0.2s; + flex: 1; + min-width: 80px; +} + +.zap-preset-btn:hover { + background: #333; + border-color: #646cff; + color: white; + transform: translateY(-1px); +} + +.zap-preset-btn:active { + transform: translateY(0); +} + .settings-footer { display: flex; justify-content: flex-start;