Merge pull request #228 from su-its/cherry-picked-3commits-from-pr223

hotfix: layout fixのfix

Author: h-takeyeah

typing-app/src/assets/images/brand.png

@@ -1,3 +1,8 @@
 .brand-text {
-  padding-left: 5px;
+  margin-top: 3px;
+  margin-left: 5px;
+
+  img {
+    height: 36px;
+  }
 }

typing-app/src/assets/images/brand.svg

@@ -6,8 +6,12 @@
   position: fixed;
   left: 0;
   bottom: 0;
+  background-color: color.$blue-800;
 
-  .brand-text {
-    background-color: color.$blue-800;
+  .text {
+    margin-top: -5px;
+    margin-left: 6px;
+    color: color.$gray-300;
+    font-size: 10px;
   }
 }

typing-app/src/assets/sass/molecules/BrandText.module.scss

@@ -1,6 +1,6 @@
 import React from "react";
 import styles from "@/assets/sass/molecules/BrandText.module.scss";
-import brandImage from "@/assets/images/brand.png";
+import brandImage from "@/assets/images/brand.svg";
 
 const BrandText: React.FC = () => {
   return (

typing-app/src/assets/sass/organism/Footer.module.scss

@@ -3,16 +3,18 @@ import BrandText from "../molecules/BrandText";
 import Separator from "../atoms/Separater";
 import styles from "@/assets/sass/organism/Footer.module.scss";
 
+const date = new Date();
+
 const Footer: React.FC = () => {
   return (
-    <>
-      <div className={styles.footer}>
-        <Separator />
-        <div className={styles["brand-text"]}>
-          <BrandText />
-        </div>
+    <div className={styles.footer}>
+      <Separator />
+      <BrandText />
+      <div className={styles.text}>
+        (c) 2024-{date.getFullYear()} Faculty of Informatics, Shizuoka University all rights reserved. Developed by IT
+        Solution Room, Shizuoka University.
       </div>
-    </>
+    </div>
   );
 };