From c6a717c132047bb703cdcae747658987fbea1e9d Mon Sep 17 00:00:00 2001
From: gbear605 <developer@vivissi.com>
Date: Sat, 29 Jan 2022 13:09:20 -0500
Subject: [PATCH 1/2] Move alert up to not hide guesses
---
src/components/alerts/Alert.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/components/alerts/Alert.tsx b/src/components/alerts/Alert.tsx
index 6b0a29c..6d11e4e 100644
--- a/src/components/alerts/Alert.tsx
+++ b/src/components/alerts/Alert.tsx
@@ -10,7 +10,7 @@ type Props = {
export const Alert = ({ isOpen, message, variant = 'warning' }: Props) => {
const classes = classNames(
- 'fixed top-20 left-1/2 transform -translate-x-1/2 max-w-sm w-full shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden',
+ 'fixed top-5 left-1/2 transform -translate-x-1/2 max-w-sm w-full shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden',
{
'bg-rose-200': variant === 'warning',
'bg-green-200 z-20': variant === 'success',
From c60138bfbbd8bf914a6d290ede77057f1256f21e Mon Sep 17 00:00:00 2001
From: gbear605 <developer@vivissi.com>
Date: Sat, 29 Jan 2022 18:18:49 -0500
Subject: [PATCH 2/2] Move game down so alert doesn't overlap
---
src/App.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/App.tsx b/src/App.tsx
index f0816d2..069224b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -113,7 +113,7 @@ function App() {
return (
<div className="py-8 max-w-7xl mx-auto sm:px-6 lg:px-8">
- <div className="flex w-80 mx-auto items-center mb-8">
+ <div className="flex w-80 mx-auto items-center mb-8 mt-12">
<h1 className="text-xl grow font-bold">Not Wordle</h1>
<InformationCircleIcon
className="h-6 w-6 cursor-pointer"