aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-28 12:04:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: display zap split share and percentage on same line

Browse Source
This commit is contained in:
Gigi
2025-10-15 19:41:26 +02:00
parent f3c6404f76
commit b1eb58a385
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Settings/ZapSettings.tsx
View File

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

2
src/styles/components/settings.css
View File

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