fix: improve split indicator visibility and adjustments layout
- Change split icon color to orange-500 in transactions table for better contrast in both dark and light modes - Show split transactions at the top of the adjustments left panel when there are no manual adjustments (instead of below empty state) - Add a divider between manual adjustments and splits when both exist Bumps version to 0.3.5. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
b190df4eae
commit
731610cf3c
5 changed files with 22 additions and 11 deletions
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "simpl_result_scaffold",
|
"name": "simpl_result_scaffold",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "0.3.4",
|
"version": "0.3.5",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
[package]
|
[package]
|
||||||
name = "simpl-result"
|
name = "simpl-result"
|
||||||
version = "0.3.4"
|
version = "0.3.5"
|
||||||
description = "Personal finance management app"
|
description = "Personal finance management app"
|
||||||
authors = ["you"]
|
authors = ["you"]
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"$schema": "https://schema.tauri.app/config/2",
|
"$schema": "https://schema.tauri.app/config/2",
|
||||||
"productName": "Simpl Resultat",
|
"productName": "Simpl Resultat",
|
||||||
"version": "0.3.4",
|
"version": "0.3.5",
|
||||||
"identifier": "com.simpl.resultat",
|
"identifier": "com.simpl.resultat",
|
||||||
"build": {
|
"build": {
|
||||||
"beforeDevCommand": "npm run dev",
|
"beforeDevCommand": "npm run dev",
|
||||||
|
|
|
||||||
|
|
@ -180,7 +180,7 @@ export default function TransactionTable({
|
||||||
onClick={() => setSplitRow(row)}
|
onClick={() => setSplitRow(row)}
|
||||||
className={`p-1 rounded hover:bg-[var(--muted)] transition-colors shrink-0 ${
|
className={`p-1 rounded hover:bg-[var(--muted)] transition-colors shrink-0 ${
|
||||||
row.is_split
|
row.is_split
|
||||||
? "text-[var(--primary)]"
|
? "text-orange-500"
|
||||||
: "text-[var(--muted-foreground)]"
|
: "text-[var(--muted-foreground)]"
|
||||||
}`}
|
}`}
|
||||||
title={t("transactions.splitAdjustment")}
|
title={t("transactions.splitAdjustment")}
|
||||||
|
|
|
||||||
|
|
@ -112,16 +112,21 @@ export default function AdjustmentsPage() {
|
||||||
) : (
|
) : (
|
||||||
<div className="flex gap-6" style={{ minHeight: "calc(100vh - 180px)" }}>
|
<div className="flex gap-6" style={{ minHeight: "calc(100vh - 180px)" }}>
|
||||||
<div className="w-1/3 bg-[var(--card)] rounded-xl border border-[var(--border)] p-3 overflow-y-auto">
|
<div className="w-1/3 bg-[var(--card)] rounded-xl border border-[var(--border)] p-3 overflow-y-auto">
|
||||||
|
{state.adjustments.length > 0 && (
|
||||||
<AdjustmentListPanel
|
<AdjustmentListPanel
|
||||||
adjustments={state.adjustments}
|
adjustments={state.adjustments}
|
||||||
selectedId={state.selectedAdjustmentId}
|
selectedId={state.selectedAdjustmentId}
|
||||||
onSelect={selectAdjustment}
|
onSelect={selectAdjustment}
|
||||||
entriesByAdjustment={entriesMap}
|
entriesByAdjustment={entriesMap}
|
||||||
/>
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
{splitTransactions.length > 0 && (
|
{splitTransactions.length > 0 && (
|
||||||
<>
|
<>
|
||||||
<div className="flex items-center gap-2 mt-4 mb-2 px-1">
|
{state.adjustments.length > 0 && (
|
||||||
|
<div className="border-t border-[var(--border)] my-3" />
|
||||||
|
)}
|
||||||
|
<div className="flex items-center gap-2 mb-2 px-1">
|
||||||
<Split size={14} className="text-[var(--foreground)]" />
|
<Split size={14} className="text-[var(--foreground)]" />
|
||||||
<span className="text-xs font-semibold text-[var(--muted-foreground)] uppercase tracking-wide">
|
<span className="text-xs font-semibold text-[var(--muted-foreground)] uppercase tracking-wide">
|
||||||
{t("adjustments.splitTransactions")}
|
{t("adjustments.splitTransactions")}
|
||||||
|
|
@ -151,6 +156,12 @@ export default function AdjustmentsPage() {
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{state.adjustments.length === 0 && splitTransactions.length === 0 && (
|
||||||
|
<div className="flex items-center justify-center h-full text-[var(--muted-foreground)] text-sm">
|
||||||
|
{t("common.noResults")}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
<AdjustmentDetailPanel
|
<AdjustmentDetailPanel
|
||||||
selectedAdjustment={selectedAdjustment}
|
selectedAdjustment={selectedAdjustment}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue