refactor: simplify zap split labels and update terminology

This commit is contained in:
Gigi
2025-10-15 19:39:04 +02:00
parent 1a42a6422d
commit f3c6404f76
2 changed files with 4 additions and 7 deletions

View File

@@ -81,10 +81,9 @@ const ZapSettings: React.FC<ZapSettingsProps> = ({ settings, onUpdate }) => {
</div>
<div className="setting-group">
<label className="setting-label">Your Share</label>
<label className="setting-label">Your Share: {highlighterWeight}</label>
<div className="zap-split-container">
<div className="zap-split-labels">
<span className="zap-split-label">Weight: {highlighterWeight}</span>
<span className="zap-split-label">({highlighterPercentage.toFixed(1)}%)</span>
</div>
<input
@@ -103,10 +102,9 @@ const ZapSettings: React.FC<ZapSettingsProps> = ({ settings, onUpdate }) => {
</div>
<div className="setting-group">
<label className="setting-label">Author(s) Share</label>
<label className="setting-label">Author's Share: {authorWeight}</label>
<div className="zap-split-container">
<div className="zap-split-labels">
<span className="zap-split-label">Weight: {authorWeight}</span>
<span className="zap-split-label">({authorPercentage.toFixed(1)}%)</span>
</div>
<input
@@ -125,10 +123,9 @@ const ZapSettings: React.FC<ZapSettingsProps> = ({ settings, onUpdate }) => {
</div>
<div className="setting-group">
<label className="setting-label">Support Boris</label>
<label className="setting-label">Boris' Share: {borisWeight.toFixed(1)}</label>
<div className="zap-split-container">
<div className="zap-split-labels">
<span className="zap-split-label">Weight: {borisWeight.toFixed(1)}</span>
<span className="zap-split-label">({borisPercentage.toFixed(1)}%)</span>
</div>
<input

View File

@@ -44,7 +44,7 @@
.zap-split-container { width: 100%; }
.zap-split-labels {
display: flex;
justify-content: space-between;
justify-content: flex-end;
margin-bottom: 0.5rem;
font-size: 0.85rem;
color: var(--color-text-secondary);