some fix

version1-workspace · Apr 20, 2024 · 5c711fb · 5c711fb
1 parent 5d69ff5
commit 5c711fb
Show file tree

Hide file tree

Showing 16 changed files with 64 additions and 42 deletions.
diff --git a/.gitignore b/.gitignore
@@ -130,3 +130,5 @@ dist
 .pnp.*
 
 data
+
+.DS_Store
diff --git a/frontend/core/src/app/favicon.ico b/frontend/core/src/app/favicon.ico
diff --git a/frontend/core/src/app/layout.tsx b/frontend/core/src/app/layout.tsx
@@ -6,7 +6,7 @@ const inter = Inter({ subsets: ["latin"] });
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Turbo",
+  title: "Turvo",
 };
 
 export default function RootLayout({

diff --git a/frontend/core/src/app/login/content.tsx b/frontend/core/src/app/login/content.tsx
@@ -9,7 +9,11 @@ import Button from "@/components/shared/button";
 import LoginForm from "@/components/auth/loginForm";
 import { useToast } from "@/lib/toast/hook";
 
-const Content = () => {
+interface Props {
+  light?: boolean;
+}
+
+const Content = ({ light }: Props) => {
   const searchParams = useSearchParams();
   const toast = useToast();
   const [rendered, setRendered] = useState(false);
@@ -26,7 +30,7 @@ const Content = () => {
 
   return (
     <>
-      <Header />
+      <Header light={light} />
       <section className={styles.content}>
         <div className={styles.left}>
           <div className={styles.card}>

diff --git a/frontend/core/src/app/login/layout.tsx b/frontend/core/src/app/login/layout.tsx
@@ -6,7 +6,7 @@ import { Metadata } from "next";
 import AuthContainer from "@/components/auth";
 
 export const metadata: Metadata = {
-  title: "Turbo",
+  title: "Turvo",
 };
 
 export default function RootLayout({

diff --git a/frontend/core/src/app/login/page.tsx b/frontend/core/src/app/login/page.tsx
@@ -5,14 +5,14 @@ import { position } from "@/lib/toast/config";
 import Content from "./content";
 
 export const metadata: Metadata = {
-  title: "Turbo | ログイン",
+  title: "Turvo | ログイン",
 };
 
 export default function Login() {
   return (
     <main className={styles.main}>
       <ToastContainer config={{ position: position.BOTTOM_LEFT }}>
-        <Content />
+        <Content light />
       </ToastContainer>
     </main>
   );

diff --git a/frontend/core/src/app/main/layout.tsx b/frontend/core/src/app/main/layout.tsx
@@ -3,7 +3,7 @@ import Head from "next/head";
 import Body from "@/components/shared/content";
 
 export const metadata: Metadata = {
-  title: "Turbo",
+  title: "Turvo",
   description: "Generated by create next app",
 };
 
@@ -15,7 +15,7 @@ export default function RootLayout({
   return (
     <html lang="ja">
       <Head>
-        <title>Turbo | Main</title>
+        <title>Turvo | Main</title>
       </Head>
       <Body>{children}</Body>
     </html>

diff --git a/frontend/core/src/app/page.module.scss b/frontend/core/src/app/page.module.scss
@@ -8,6 +8,13 @@
   min-height: 100vh;
 }
 
+.hideOnlySmartphone {
+  display: block;
+  @include m.sm {
+    display: none;
+  }
+}
+
 .hero {
   position: relative;
   width: 100%;
@@ -54,12 +61,6 @@
   animation: 300s linear 0s infinite running slide-space;
 }
 
-.heroOverlay {
-  min-height: 1320px;
-  position: absolute;
-  background-image: url("/assets/hero-overlay.svg");
-}
-
 @keyframes slide-space {
   from {
     transform: translateX(0);
@@ -123,7 +124,7 @@
 }
 
 .background {
-  margin: 128px 0;
+  padding: 128px 0;
   background-image: url("/assets/background-stars.svg");
   width: 100%;
 }
@@ -161,6 +162,10 @@
 .priceCol {
   margin-right: 32px;
 
+  @include m.sm {
+    margin-bottom: 64px;
+  }
+
   @include m.lg {
     margin: auto;
   }
@@ -181,6 +186,7 @@
   width: 360px;
   @include m.lg {
     min-width: 100%;
+    margin-bottom: 64px;
   }
 }
 

diff --git a/frontend/core/src/app/page.tsx b/frontend/core/src/app/page.tsx
@@ -24,7 +24,6 @@ export default function Home() {
         <Image className={styles.heroEarth} src={earth} alt="Earth" />
       </div>
       <div className={styles.heroSpace}></div>
-      <div className={styles.heroOverlay} />
       <div className={styles.heroContainer}>
         <div className={styles.copyContainer}>
           <div className={styles.catchCopy}>
@@ -34,15 +33,15 @@ export default function Home() {
           </div>
           <div className={styles.catchBody}>
             <p className={styles.catchBodyText}>
-              Turboは確実に夢を叶えたいあなたへのタスク管理アプリです。
+              Turvoは確実に夢を叶えたいあなたへのタスク管理アプリです。
             </p>
             <p className={styles.catchBodyText}>
               目標を鮮明にイメージしてゴールへの歩みを加速させましょう。
             </p>
           </div>
           <div className={styles.catchFooter}>
             <Link href="/login">
-              <Button variant="primary">Turboを始める</Button>
+              <Button variant="primary">Turvoを始める</Button>
             </Link>
           </div>
         </div>
@@ -55,7 +54,7 @@ export default function Home() {
               {
                 description: [
                   `さまざまな角度から練られた目標は目標達成のために必要不可欠な要素です。
-Turbo では、具体的な期日や目標達成までに必要な意識を設定して、
+Turvo では、具体的な期日や目標達成までに必要な意識を設定して、
 ユーザ様の目標達成を助けます。`,
                 ],
                 image: featuresNewProject,
@@ -68,7 +67,7 @@ Turbo では、具体的な期日や目標達成までに必要な意識を設
             elements={[
               {
                 description: [
-                  `Turbo ではマイルストーン（中間目標）を設定することができます。
+                  `Turvo ではマイルストーン（中間目標）を設定することができます。
 長い道のりでも迷わずにゴールに向かえるような計画策定を助けます。
 マイルストーンを設定してより精緻な計画を作り上げましょう。`,
                 ],
@@ -82,15 +81,15 @@ Turbo では、具体的な期日や目標達成までに必要な意識を設
             elements={[
               {
                 description: [
-                  `Turbo はシンプルなダッシュボードで複数の目標を管理することができます。
+                  `Turvo はシンプルなダッシュボードで複数の目標を管理することができます。
 仕事の目標、キャリアの目標、プライベートの目標など個人に関係する目標をまとめて管理することができます。 `,
                 ],
                 image: featuresDashoboard,
                 alt: "シンプルなUI",
               },
               {
                 description: [
-                  ` Turbo はシンプルでタスク管理に集中できるUIを提供します。Turboで日々のタスクをゴールへの一段一段を明確にしていきましょう。`,
+                  ` Turvo はシンプルでタスク管理に集中できるUIを提供します。Turvoで日々のタスクをゴールへの一段一段を明確にしていきましょう。`,
                 ],
                 image: featuresUI,
                 alt: "シンプルなUI",
@@ -108,7 +107,7 @@ Turbo では、具体的な期日や目標達成までに必要な意識を設
           </div>
           <div className={styles.priceContent}>
             <div className={styles.priceTable}>
-              <div className={styles.priceCol}>
+              <div className={[styles.priceCol, styles.hideOnlySmartphone].join(' ')}>
                 <div className={styles.priceTableHeader}>
                   <div className={styles.priceTableHeaderHeader}></div>
                   <div className={styles.priceTableHeaderBody}>
@@ -244,7 +243,7 @@ Turbo では、具体的な期日や目標達成までに必要な意識を設
               </div>
               <div className={styles.reviewColContent}>
                 <p className={styles.reviewDescription}>
-                  Turbo は自分の目標を管理するのに最適なツールです。
+                  Turvo は自分の目標を管理するのに最適なツールです。
                   <br />
                   <br />
                   わかりやすい UI で登録したその日からすぐに活躍してくれました。
@@ -267,11 +266,11 @@ Turbo では、具体的な期日や目標達成までに必要な意識を設
               </div>
               <div className={styles.reviewColContent}>
                 <p className={styles.reviewDescription}>
-                  Turbo
+                  Turvo
                   で自分の仕事とプライベートをうまくバランスできるようになりました。
                   <br />
                   <br />
-                  仕事もプライベートもお互いに干渉するものですが、Turbo
+                  仕事もプライベートもお互いに干渉するものですが、Turvo
                   でそれらをまとめて管理できます。
                 </p>
               </div>
@@ -292,7 +291,7 @@ Turbo では、具体的な期日や目標達成までに必要な意識を設
               </div>
               <div className={styles.reviewColContent}>
                 <p className={styles.reviewDescription}>
-                  Turboのリマインド機能で常に長期の計画を意識しながら自分のプロジェクトを進めることができます。
+                  Turvoのリマインド機能で常に長期の計画を意識しながら自分のプロジェクトを進めることができます。
                   <br />
                   <br />
                   長期の計画でも迷子にならずに進むのに最適なツールです。
@@ -303,7 +302,7 @@ Turbo では、具体的な期日や目標達成までに必要な意識を設
           <div className={styles.reviewFooter}>
             <Link href="/login">
               <div className={styles.signUpButton}>
-                <Button variant="primary">Turbo を始める</Button>
+                <Button variant="primary">Turvo を始める</Button>
               </div>
             </Link>
           </div>

diff --git a/frontend/core/src/components/auth/loginForm/index.tsx b/frontend/core/src/components/auth/loginForm/index.tsx
@@ -12,7 +12,7 @@ import { useToast } from "@/lib/toast/hook";
 import Checkbox from "@/components/shared/checkbox";
 
 export const metadata: Metadata = {
-  title: "Turbo | ログイン",
+  title: "Turvo | ログイン",
 };
 
 interface Form {

diff --git a/frontend/core/src/components/section/index.module.scss b/frontend/core/src/components/section/index.module.scss
@@ -86,8 +86,8 @@
 .right {
   position: relative;
   flex: 1;
-  width: 900px;
-  height: 566px;
+  width: 768px;
+  height: 480px;
 
   @include m.lg {
     min-width: 100%;
@@ -102,6 +102,6 @@
 .image {
   display: block;
   border-radius: 8px;
-  box-shadow: 1px 1px 4px 8px var(--shadow-color);
+  box-shadow: 1px 1px 8px 4px var(--shadow-color);
 }
 
diff --git a/frontend/core/src/components/shared/footer/index.tsx b/frontend/core/src/components/shared/footer/index.tsx
@@ -3,7 +3,7 @@ import Link from "next/link";
 
 const footerMenus = [
   {
-    title: "Turbo について",
+    title: "Turvo について",
     list: [
       {
         label: "Home",
@@ -19,7 +19,7 @@ const footerMenus = [
     title: "ドキュメント",
     list: [
       {
-        label: "Turoboの使い方",
+        label: "Turvoの使い方",
         link: "",
       },
       {
@@ -60,9 +60,9 @@ export default function FooterComponent() {
     <footer className={styles.footer}>
       <div className={styles.content}>
         <div className={styles.left}>
-          <div className={styles.logo}>Turbo</div>
+          <div className={styles.logo}>Turvo</div>
           <div className={styles.description}>
-            Turbo で生活のゴールを決めて、
+            Turvo で生活のゴールを決めて、
             <br />
             より良い生活を手に入れよう。
           </div>

diff --git a/frontend/core/src/components/shared/header/main/index.tsx b/frontend/core/src/components/shared/header/main/index.tsx
@@ -69,7 +69,7 @@ export default function Header() {
         <div className={styles.left}>
           <Link href={route.main.toString()}>
             <div className={styles.logo}>
-              <h2>Turbo</h2>
+              <h2>Turvo</h2>
             </div>
           </Link>
           <div className={styles.searchForm}>

diff --git a/frontend/core/src/components/shared/header/public/index.module.scss b/frontend/core/src/components/shared/header/public/index.module.scss
@@ -27,6 +27,10 @@
   align-items: center;
 }
 
+.logoContentLight {
+  color: var(--font-color-dark);
+}
+
 .menu {
   display: flex;
   margin-right: 16px;

diff --git a/frontend/core/src/components/shared/header/public/index.tsx b/frontend/core/src/components/shared/header/public/index.tsx
@@ -4,20 +4,28 @@ import Button from "@/components/shared/button";
 import Image from "next/image";
 import logo from "@/assets/logo.png";
 
-export default function Header() {
+interface Props {
+  light?: boolean;
+}
+
+export default function Header({ light }: Props) {
   return (
     <header className={styles.header}>
       <div className={styles.logo}>
         <Link href="/">
-          <div className={styles.logoContent}>
+          <div
+            className={[
+              styles.logoContent,
+              light ? styles.logoContentLight : "",
+            ].join(" ")}>
             <Image src={logo} alt="ロゴ" />
-            <h2>Turbo</h2>
+            <h2>Turvo</h2>
           </div>
         </Link>
       </div>
       <div className={styles.right}>
         <ul className={styles.menu}>
-          <li className={styles.menuItem}>Turbo について</li>
+          <li className={styles.menuItem}>Turvo について</li>
           <li className={styles.menuItem}>ドキュメント</li>
         </ul>
         <div className={styles.actions}>

diff --git a/frontend/core/src/components/tasks/list/header/index.tsx b/frontend/core/src/components/tasks/list/header/index.tsx
@@ -1,6 +1,5 @@
 import { useMemo } from "react";
 import styles from "./index.module.css";
-import { useRouter } from "next/navigation";
 import FilterForm from "@/components/tasks/filterForm";
 import api from "@/services/api";
 import { Filter } from "@/components/tasks/list/hooks/useFilter";