From 8eb5532b7b890a061bcb8ac1ddb2d3c21ade089f Mon Sep 17 00:00:00 2001
From: dvirlabs <dvirlabs@gmail.com>
Date: Wed, 4 Jun 2025 02:36:42 +0300
Subject: [PATCH] Style the modal

---
 frontend/src/style/AddAppModal.css | 57 +++++++++++++++++++-----------
 1 file changed, 36 insertions(+), 21 deletions(-)

diff --git a/frontend/src/style/AddAppModal.css b/frontend/src/style/AddAppModal.css
index ace71b1..20ed770 100644
--- a/frontend/src/style/AddAppModal.css
+++ b/frontend/src/style/AddAppModal.css
@@ -37,43 +37,58 @@
 }
 
 .modal {
-  background: #1e1e1e;
+  background: #111;
   padding: 2rem;
-  border-radius: 12px;
-  width: 340px;
-  height: 420px;
-  box-shadow: 0 0 10px #000;
-
-  /* Flexbox centering */
+  border-radius: 16px;
+  width: 380px;
+  box-shadow: 0 0 20px rgba(0, 255, 255, 0.1);
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
+  font-family: 'Rajdhani', sans-serif;
+}
+
+.modal h2 {
+  color: #fff;
+  font-size: 1.8rem;
+  margin-bottom: 1.5rem;
+  text-shadow: 0 0 5px #00f0ff;
 }
 
 .modal input {
-  width: 90%;
-  height: 35px;
-  padding: 0.5rem;
-  margin-bottom: 0.75rem;
-  background-color: #2c2c2c;
-  border: none;
-  color: white;
-  border-radius: 6px;
+  width: 95%;
+  height: 40px;
+  padding: 0.6rem;
+  margin-bottom: 1rem;
+  background-color: #1f1f1f;
+  border: 1px solid #2c2c2c;
+  color: #fff;
+  border-radius: 8px;
+  transition: border 0.3s;
+  font-family: inherit;
+}
+
+.modal input:focus {
+  border: 1px solid #00f0ff;
+  outline: none;
+  box-shadow: 0 0 6px #00f0ff40;
 }
 
 .modal button {
-  width: 90%;
-  padding: 0.5rem;
-  background-color: #007bff;
+  width: 80%;
+  padding: 0.6rem;
+  background: linear-gradient(to right, #007bff, #00f0ff);
   color: white;
+  font-weight: 600;
   border: none;
-  border-radius: 6px;
+  border-radius: 8px;
   cursor: pointer;
+  transition: background 0.3s ease;
+  font-family: inherit;
 }
 
 .modal button:hover {
-  background-color: #0056b3;
+  background: linear-gradient(to right, #00f0ff, #007bff);
 }
 
 .add-button {