fix: migrate inline styles to CSS modules per review feedback

2026-05-26 17:04:58 +00:00
parent e6e6c92c28
commit 9846f823b3
6 changed files with 380 additions and 312 deletions
@@ -0,0 +1,83 @@
+.container {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #f5f5f5;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+}
+
+.card {
+  background-color: #fff;
+  padding: 2.5rem;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  text-align: center;
+}
+
+.heading {
+  margin: 0 0 0.5rem;
+}
+
+.welcomeText {
+  color: #666;
+  margin-bottom: 1.5rem;
+}
+
+.signedInText {
+  margin-bottom: 0.5rem;
+}
+
+.emailStrong {
+  font-weight: 600;
+}
+
+.logoutButton {
+  padding: 0.5rem 1.25rem;
+  background-color: #b91c1c;
+  color: #fff;
+  border: none;
+  border-radius: 6px;
+  font-size: 0.9rem;
+  cursor: pointer;
+}
+
+.logoutButton:hover {
+  background-color: #991616;
+}
+
+.authLinks {
+  display: flex;
+  gap: 0.75rem;
+  justify-content: center;
+}
+
+.signInLink {
+  padding: 0.5rem 1.25rem;
+  background-color: #1a73e8;
+  color: #fff;
+  text-decoration: none;
+  border-radius: 6px;
+  font-size: 0.9rem;
+  display: inline-block;
+}
+
+.signInLink:hover {
+  background-color: #1557b0;
+}
+
+.registerLink {
+  padding: 0.5rem 1.25rem;
+  background-color: #fff;
+  color: #1a73e8;
+  text-decoration: none;
+  border: 1px solid #1a73e8;
+  border-radius: 6px;
+  font-size: 0.9rem;
+  display: inline-block;
+}
+
+.registerLink:hover {
+  background-color: #f0f5ff;
+}