From 136c4df7ac4491fde33615f812b39e8247b809cf Mon Sep 17 00:00:00 2001
From: mohamad <mohamad>
Date: Sat, 31 May 2025 14:43:59 +0200
Subject: [PATCH] feat: Integrate Storybook for component development
---
fe/package-lock.json | 8 ++++++++
fe/src/pages/ChoresPage.vue | 7 +++++++
2 files changed, 15 insertions(+)
diff --git a/fe/package-lock.json b/fe/package-lock.json
index 24d4659..1266026 100644
--- a/fe/package-lock.json
+++ b/fe/package-lock.json
@@ -4405,6 +4405,14 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/@types/aria-query": {
+ "version": "5.0.4",
+ "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+ "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+ "dev": true,
+ "license": "MIT",
+ "peer": true
+ },
"node_modules/@types/date-fns": {
"version": "2.5.3",
"resolved": "https://registry.npmjs.org/@types/date-fns/-/date-fns-2.5.3.tgz",
diff --git a/fe/src/pages/ChoresPage.vue b/fe/src/pages/ChoresPage.vue
index 27114e4..65a1978 100644
--- a/fe/src/pages/ChoresPage.vue
+++ b/fe/src/pages/ChoresPage.vue
@@ -1093,6 +1093,8 @@ watch(showShortcutsModal, (newVal) => {
box-shadow: 6px 6px 0 #111;
}
+/* Muted grey */
+
.header-left {
flex: 1;
min-width: 0;
@@ -1230,6 +1232,11 @@ watch(showShortcutsModal, (newVal) => {
font-size: 1.2rem;
}
+.chore-due-date .material-icons,
+.chore-completed-date .material-icons {
+ font-size: 1.1rem;
+}
+
/* Loading state styles */
.neo-loading-state {
text-align: center;