Merge pull request nagoya-caravan#84 from nagoya-caravan/feature/nago…

…ya-caravan#71 Fix TopPage.jsx
taku10101 · Nov 18, 2023 · 6a73322 · 6a73322
2 parents 2f56636 + 05083c4
commit 6a73322
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 0 deletions.
diff --git a/src/assets/img/google_calendar.png b/src/assets/img/google_calendar.png
diff --git a/src/assets/img/google_calendar_new_logo_icon_159141 (1).png b/src/assets/img/google_calendar_new_logo_icon_159141 (1).png
diff --git a/src/assets/img/iCal.png b/src/assets/img/iCal.png
diff --git a/src/views/TopPage.jsx b/src/views/TopPage.jsx
@@ -7,6 +7,7 @@ import { useState } from "react";
 import logo from "../assets/img/logo.png";
 import outlook from "../assets/img/outlook_logo.png";
 import googleCalerndar from "../assets/img/google_calendar.png";
+import iCal from "../assets/img/iCal.png";
 
 const TopPage = () => {
   const navigate = useNavigate();
@@ -69,6 +70,26 @@ const TopPage = () => {
             alt="googleカレンダー"
             style={{
               padding: "0 20px",
+              height: "50px",
+              width: "50px",
+            }}
+          />
+          <img
+            src={iCal}
+            alt="iCal"
+            style={{
+              padding: "0 20px",
+              height: "50px",
+              width: "50px",
+            }}
+          />
+          <img
+            src={outlook}
+            alt="outlook"
+            style={{
+              padding: "0 20px",
+              height: "50px",
+              width: "50px",
             }}
           />
         </Box>