From c1b6143503553367f121a6170fc99bb33bac8d4b Mon Sep 17 00:00:00 2001
From: LandaMm <qwer.009771@gmail.com>
Date: Sun, 18 May 2025 23:16:40 +0200
Subject: [PATCH] feat: login + register css

---
 static/css/login.css    | 43 +++++++++++++++++++++++++++++++++++++++++
 static/css/register.css | 43 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 86 insertions(+)

diff --git a/static/css/login.css b/static/css/login.css
index 06a981c..9646e4b 100644
--- a/static/css/login.css
+++ b/static/css/login.css
@@ -42,6 +42,49 @@
     margin-top: 25px;
 }
 
+.validation_box {
+    display: none;
+    width: 100%;
+    padding: 5px;
+    background: #D0000011;
+    border: 1px solid #D00000aa;
+    border-radius: 5px;
+    margin: 10px 0;
+}
+
+.validation_box__msg {
+    color: #111;
+    font-size: 0.85rem;
+}
+
+.success_box {
+    display: none;
+    width: 100%;
+    padding: 5px;
+    background: #6AB54711;
+    border: 1px solid #6AB547aa;
+    border-radius: 5px;
+    margin: 10px 0;
+}
+
+.success_box__msg {
+    color: #111;
+    font-size: 0.85rem;
+}
+
+.login_link {
+    font-size: 0.8rem;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin: 20px 0 15px;
+}
+
+.login_link > a {
+    padding-left: 4px;
+}
+
 @media only screen and (max-width: 450px) {
     .container {
         padding: 0;
diff --git a/static/css/register.css b/static/css/register.css
index 06a981c..9646e4b 100644
--- a/static/css/register.css
+++ b/static/css/register.css
@@ -42,6 +42,49 @@
     margin-top: 25px;
 }
 
+.validation_box {
+    display: none;
+    width: 100%;
+    padding: 5px;
+    background: #D0000011;
+    border: 1px solid #D00000aa;
+    border-radius: 5px;
+    margin: 10px 0;
+}
+
+.validation_box__msg {
+    color: #111;
+    font-size: 0.85rem;
+}
+
+.success_box {
+    display: none;
+    width: 100%;
+    padding: 5px;
+    background: #6AB54711;
+    border: 1px solid #6AB547aa;
+    border-radius: 5px;
+    margin: 10px 0;
+}
+
+.success_box__msg {
+    color: #111;
+    font-size: 0.85rem;
+}
+
+.login_link {
+    font-size: 0.8rem;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin: 20px 0 15px;
+}
+
+.login_link > a {
+    padding-left: 4px;
+}
+
 @media only screen and (max-width: 450px) {
     .container {
         padding: 0;