Merge pull request #66 from acm-ucr/Fuyuki/Mobile-Event

Fuyuki/Mobile-Responsiveness-Event
acm-ucr · Nov 11, 2023 · 468fcf4 · 468fcf4
2 parents 01e4343 + 2a2efc5
commit 468fcf4
Show file tree

Hide file tree

Showing 5 changed files with 52 additions and 52 deletions.
diff --git a/.github/workflows/nextjs.yml b/.github/workflows/nextjs.yml
@@ -34,7 +34,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
       - name: Setup Pages
         uses: actions/configure-pages@v3
         with:

diff --git a/.github/workflows/pull-request.yaml b/.github/workflows/pull-request.yaml
@@ -14,7 +14,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: "16.14.2"
+          node-version: "18"
       - run: npm ci
       - run: npm run check
   lint:
@@ -26,7 +26,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: "16.14.2"
+          node-version: "18"
       - run: npm ci
       - run: npm run eslint
   build:
@@ -38,6 +38,6 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: "16.14.2"
+          node-version: "18"
       - run: npm ci
       - run: npm run build
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "bootstrap": "^5.3.0",
-    "next": "^13.5.4",
+    "next": "^14.0.2",
     "react": "^18.2.0",
     "react-bootstrap": "^2.8.0",
     "react-dom": "^18.2.0",

diff --git a/src/components/home/Event.jsx b/src/components/home/Event.jsx
@@ -7,7 +7,7 @@ const Event = ({ start, end, location, name, descripton, color }) => {
   return (
     <div className="bg-ewb-blue-100 flex w-full font-bold">
       <div
-        className={`text-4xl text-white text-center w-1/6 aspect-square flex flex-col items-center justify-center ${COLORS[color].bg}`}
+        className={`text-4xl text-white text-center w-1/2 md:w-1/6 aspect-square flex flex-col items-center justify-center ${COLORS[color].bg}`}
       >
         <div>{start.toString().split(" ")[1]}</div>
         <div>{start.getDate()}</div>
@@ -18,7 +18,7 @@ const Event = ({ start, end, location, name, descripton, color }) => {
       <div className="p-3 w-5/6 text-ewb-black ">
         <div className={`text-2xl ${COLORS[color].text}`}>{name}</div>
         <div className="text-base">{location}</div>
-        <div className="text-base font-normal">{descripton}</div>
+        <div className="text-sm md:text-base font-normal">{descripton}</div>
       </div>
     </div>
   );