id -> className

jovianw · Oct 21, 2023 · 93b8459 · 93b8459
1 parent 7b22484
commit 93b8459
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Signin.css b/src/components/Signin.css
@@ -10,7 +10,7 @@
  }
 }
 
-#signin {
+.signin {
  min-height: 30vh;
  max-height: 200px;
  background-color: var(--darker-color);
@@ -27,7 +27,7 @@
  animation-timing-function: ease;
 }
 
-#signin-container {
+.signin-container {
  display: flex;
  justify-content: center;
  gap: 20px;
@@ -43,7 +43,7 @@
  border: 3px solid var(--highlight-color);
 }
 
-#signin-exit {
+.signin-exit {
  position: absolute;
  top: 1em;
  right: 1em;

diff --git a/src/components/Signin.tsx b/src/components/Signin.tsx
@@ -48,9 +48,9 @@ function Signin({ showSignin, setShowSignin }: Props) {
 
  return (
  showSignin && (
- <div id="signin">
+ <div className="signin">
  <button
- id="signin-exit"
+ className="signin-exit"
  onClick={() => {
  setShowSignin(false);
  }}
@@ -62,7 +62,7 @@ function Signin({ showSignin, setShowSignin }: Props) {
  ) : (
  <h3>Sign in to comment</h3>
  )}
- <div id="signin-container">
+ <div className="signin-container">
  <img
  src="/google_logo.png"
  alt="google sign-on"