From eaeb943eb28f461f7f50021e73bfd2f131fa9ded Mon Sep 17 00:00:00 2001 From: Myxogastria0808 Date: Sun, 18 Jan 2026 14:56:45 +0900 Subject: [PATCH 1/2] qip --- products/frontend/src/index.css | 30 ++++++++++++ .../WarningMessage/WarningMessage.module.css | 48 +++++++++++++++++++ .../WarningMessage/WarningMessage.tsx | 25 ++++++++++ .../src/routes/Root/components/index.ts | 3 +- products/frontend/src/routes/Root/index.tsx | 4 +- 5 files changed, 107 insertions(+), 3 deletions(-) create mode 100644 products/frontend/src/routes/Root/components/WarningMessage/WarningMessage.module.css create mode 100644 products/frontend/src/routes/Root/components/WarningMessage/WarningMessage.tsx diff --git a/products/frontend/src/index.css b/products/frontend/src/index.css index 830576d..819decc 100644 --- a/products/frontend/src/index.css +++ b/products/frontend/src/index.css @@ -2,3 +2,33 @@ margin: 0; padding: 0; } + +:root { + --text-xs: calc(1rem * 8 / 10); + --text-sm: calc(1rem * 8 / 9); + --text-base: calc(1rem * 8 / 8); + --text-lg: calc(1rem * 8 / 7); + --text-xl: calc(1rem * 8 / 6); + --text-2xl: calc(1rem * 8 / 5); + --text-3xl: calc(1rem * 8 / 4); + --text-4xl: calc(1rem * 8 / 3); + --text-5xl: calc(1rem * 8 / 2); + --text-6xl: calc(1rem * 8 / 1); + + --color-base: #b09757; + --color-error: #de474a; + --color-disabled: #a3a3a3; + + --background-color-base: #001c32; + + --space-xs: calc(0.5rem * 1); + --space-sm: calc(0.5rem * 2); + --space-base: calc(0.5rem * 3); + --space-lg: calc(0.5rem * 5); + --space-xl: calc(0.5rem * 8); + --space-2xl: calc(0.5rem * 13); + --space-3xl: calc(0.5rem * 21); + --space-4xl: calc(0.5rem * 34); + --space-5xl: calc(0.5rem * 55); + --space-6xl: calc(0.5rem * 89); +} diff --git a/products/frontend/src/routes/Root/components/WarningMessage/WarningMessage.module.css b/products/frontend/src/routes/Root/components/WarningMessage/WarningMessage.module.css new file mode 100644 index 0000000..061f599 --- /dev/null +++ b/products/frontend/src/routes/Root/components/WarningMessage/WarningMessage.module.css @@ -0,0 +1,48 @@ +.warningMessageWrapper { + width: 100%; + margin: 0 auto; +} + +.container { + width: fit-content; + margin: 0 auto; + padding: var(--space-lg) 0; +} + +.content { + text-align: center; + margin: var(--space-base) 0 0 0; + color: var(--color-error); +} + +.loader { + display: grid; + grid-template-columns: repeat(5, 20px); + gap: 20px; + width: fit-content; + margin: 0 auto; +} + +.box { + width: 20px; + height: 20px; + background-color: var(--color-error); + animation: fade 1s infinite ease-in-out; +} + +@keyframes fade { + 0%, + 100% { + opacity: 0.2; + } + 50% { + opacity: 1; + } +} + +.box:nth-child(2n) { + animation-delay: 0s; +} +.box:nth-child(2n + 1) { + animation-delay: 0.6s; +} diff --git a/products/frontend/src/routes/Root/components/WarningMessage/WarningMessage.tsx b/products/frontend/src/routes/Root/components/WarningMessage/WarningMessage.tsx new file mode 100644 index 0000000..9327a22 --- /dev/null +++ b/products/frontend/src/routes/Root/components/WarningMessage/WarningMessage.tsx @@ -0,0 +1,25 @@ +import { type FC } from 'react'; +// css +import styles from './WarningMessage.module.css'; + +const WarningMessage: FC = () => { + return ( +
+
+
+ + + + + +
+

+ Pay Crewは、サービスを終了しました。そのため、予告なくデータを消滅させる可能性があります。 これらを含む「Pay + Crew」の利用について、一切の責任を負いかねますのでご了承ください +

+
+
+ ); +}; + +export default WarningMessage; diff --git a/products/frontend/src/routes/Root/components/index.ts b/products/frontend/src/routes/Root/components/index.ts index d39e4c1..7491cec 100644 --- a/products/frontend/src/routes/Root/components/index.ts +++ b/products/frontend/src/routes/Root/components/index.ts @@ -1,4 +1,5 @@ export { default as DeleteHistory } from './DeleteHistory/DeleteHistory'; export { default as HistoryForm } from './HistoryForm/HistoryForm'; export { default as History } from './History/History'; -export { default as ReminderTest } from './ReminderTest/ReminderTest.tsx' +export { default as ReminderTest } from './ReminderTest/ReminderTest'; +export { default as WarningMessage } from './WarningMessage/WarningMessage'; diff --git a/products/frontend/src/routes/Root/index.tsx b/products/frontend/src/routes/Root/index.tsx index 3a1fded..c6fbe78 100644 --- a/products/frontend/src/routes/Root/index.tsx +++ b/products/frontend/src/routes/Root/index.tsx @@ -1,5 +1,5 @@ // import { Link } from 'react-router'; -import { HistoryForm, History } from './components'; +import { HistoryForm, History, WarningMessage } from './components'; import styles from './index.module.css'; import type { FC } from 'react'; @@ -19,7 +19,7 @@ const Root: FC = () => { - {/* レシートから入力 */} + From b7f0e24536ed5b69e4bc9f049404a258b6056beb Mon Sep 17 00:00:00 2001 From: Myxogastria0808 Date: Sun, 18 Jan 2026 15:00:29 +0900 Subject: [PATCH 2/2] wip --- pnpm-lock.yaml | 14 +++++++------- pnpm-workspace.yaml | 2 +- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ebb3f26..b00bd54 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -152,8 +152,8 @@ catalogs: specifier: ^17.2.3 version: 17.2.3 dotenv-caster: - specifier: ^2.1.23 - version: 2.1.23 + specifier: ^2.2.1 + version: 2.2.1 importers: @@ -218,7 +218,7 @@ importers: version: 17.2.3 dotenv-caster: specifier: catalog:setup - version: 2.1.23(dotenv@17.2.3) + version: 2.2.1(dotenv@17.2.3) drizzle-kit: specifier: catalog:backend version: 0.31.6 @@ -512,7 +512,7 @@ importers: version: 17.2.3 dotenv-caster: specifier: catalog:setup - version: 2.1.23(dotenv@17.2.3) + version: 2.2.1(dotenv@17.2.3) tsx: specifier: catalog:node version: 4.20.6 @@ -2439,8 +2439,8 @@ packages: dlv@1.1.3: resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==} - dotenv-caster@2.1.23: - resolution: {integrity: sha512-L276rkMu8t9BEqciqhE6JxtShJ2zBLhZ3drcK3+0WGNkJobpTiRJ9eFRmlMaz0Ewnl4m5BqD6ZaGFL6GQMtFaA==} + dotenv-caster@2.2.1: + resolution: {integrity: sha512-B4ESLIOIB7hL1KiGKMw7Y4R5NP/faRliC47fsR4/axZwWmaDeHdYamA6dRFJU5k2AzkyEWUjzIFHlGfctoRVNg==} peerDependencies: dotenv: ^17.2.3 @@ -6208,7 +6208,7 @@ snapshots: dlv@1.1.3: {} - dotenv-caster@2.1.23(dotenv@17.2.3): + dotenv-caster@2.2.1(dotenv@17.2.3): dependencies: dotenv: 17.2.3 diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml index 3d35beb..b0c72ea 100644 --- a/pnpm-workspace.yaml +++ b/pnpm-workspace.yaml @@ -59,7 +59,7 @@ catalogs: turbo: ^2.5.8 setup: dotenv: ^17.2.3 - dotenv-caster: ^2.1.23 + dotenv-caster: ^2.2.1 ignoredBuiltDependencies: - '@swc/core'