mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: add icons to view style tabs in settings

Browse Source 
Match the header view switcher icons (Calendar, CalendarDays, ListTodo,
Kanban) in the settings sidebar tab bar.

v1.51.1

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-19 08:35:50 +01:00
parent 2141332bb3
commit eeabe2c1c5
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "my-weekly-todo-list", "name": "my-weekly-todo-list",
"version": "1.51.0", "version": "1.51.1",
"description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view", "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

13
src/components/WeeklyView.tsx
View File

@ -10966,10 +10966,10 @@ function SettingsSidebar({
gap: "0", gap: "0",
}}> }}>
{([ {([
{ key: "simple", label: t.simpleView }, { key: "simple", label: t.simpleView, icon: <Calendar size={14} /> },
{ key: "calendar", label: t.calendarView }, { key: "calendar", label: t.calendarView, icon: <CalendarDays size={14} /> },
{ key: "list", label: t.listView }, { key: "list", label: t.listView, icon: <ListTodo size={14} /> },
{ key: "kanban", label: t.kanbanView }, { key: "kanban", label: t.kanbanView, icon: <Kanban size={14} /> },
] as const).map((tab) => ( ] as const).map((tab) => (
<button <button
key={tab.key} key={tab.key}
@ -10996,8 +10996,13 @@ function SettingsSidebar({
marginBottom: "-2px", marginBottom: "-2px",
cursor: "pointer", cursor: "pointer",
transition: "all 0.15s", transition: "all 0.15s",
display: "flex",
alignItems: "center",
justifyContent: "center",
gap: "4px",
}} }}
> >
{tab.icon}
{tab.label} {tab.label}
</button> </button>
))} ))}