From 551e9ce0672c42eb316d1059dc5e9fcfd1b708fe Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Wed, 26 Jan 2022 12:58:13 -0800
Subject: [PATCH] improvements with blur and stuff

---
 components/Modals/ShortcutHelpModal.tsx | 9 +++++----
 components/RoomCard.tsx                 | 2 +-
 pages/index.js                          | 2 +-
 styles/globals.css                      | 4 ++++
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/components/Modals/ShortcutHelpModal.tsx b/components/Modals/ShortcutHelpModal.tsx
index d7bad4c..a9bf7b6 100644
--- a/components/Modals/ShortcutHelpModal.tsx
+++ b/components/Modals/ShortcutHelpModal.tsx
@@ -225,15 +225,16 @@ export default function ShortcutHelpModal() {
                 </span>
 
                 <span className="flex flex-col ml-2 items-end">
-                  <span className="text-lg text-gray-500">Join a Room</span>
+                  <span className="text-lg text-gray-500">
+                    Create a Meeting Room
+                  </span>
                   <span className={`text-md text-gray-300 text-right`}>
                     Click on the{" "}
                     <button className="inline bg-gray-300 bg-opacity-25 p-1 rounded hover:bg-opacity-40">
                       <FaPlus className="text-md text-white" />
                     </button>{" "}
-                    to create a <br></br>
-                    <FcGoogle className="inline text-lg" /> Meet (if your team
-                    has GSuite).
+                    to create a formal <FcGoogle className="inline text-lg" />{" "}
+                    Meet.
                   </span>
                   <span className={`text-md text-teal-600 text-right`}>
                     Spontaneous, scheduled, or recurring rooms.
diff --git a/components/RoomCard.tsx b/components/RoomCard.tsx
index cb2362e..0c76e26 100644
--- a/components/RoomCard.tsx
+++ b/components/RoomCard.tsx
@@ -350,7 +350,7 @@ export default function RoomCard(props: IRoomCardProps) {
     <span
       className={`flex flex-col ${
         isUserInRoom ? " bg-white bg-opacity-80" : "bg-gray-300 bg-opacity-25"
-      }  rounded-lg justify-between w-96 m-2 shrink-0 h-[14rem]`}
+      }  rounded-lg justify-between w-96 m-2 shrink-0 h-[14rem] shadow-md`}
     >
       {/* header */}
       <span className="flex flex-row justify-between items-start space-x-1 p-5 h-full">
diff --git a/pages/index.js b/pages/index.js
index 3015731..1632912 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -65,7 +65,7 @@ export default function Home() {
 
             {currUser ? (
               <>
-                <span className="text-gray-500">Welcome back,</span>
+                <span className="text-gray-500">Welcome back!</span>
                 <button
                   onClick={() => window.open("/teams", "_self")}
                   className="rounded font-semibold bg-gray-200 p-2 text-teal-600 shadow-lg flex flex-row items-center space-x-2"
diff --git a/styles/globals.css b/styles/globals.css
index 9131d52..234d96a 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -34,6 +34,10 @@ main {
   background-size: cover;
 }
 
+section {
+  @apply backdrop-blur-md;
+}
+
 .font-satisfy {
   font-family: "Satisfy", cursive;
 }