From 05ac71d4b76dc10d56301ce58858fd90eeb1fe82 Mon Sep 17 00:00:00 2001
From: leo <azuminha1@gmail.co>
Date: Mon, 20 Oct 2025 03:56:20 -0300
Subject: moved from go to react, and added a better css

---
 .../webpage-shorlink/src/components/AddUrl.css     | 61 ++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 web_page/webpage-shorlink/src/components/AddUrl.css

(limited to 'web_page/webpage-shorlink/src/components/AddUrl.css')

diff --git a/web_page/webpage-shorlink/src/components/AddUrl.css b/web_page/webpage-shorlink/src/components/AddUrl.css
new file mode 100644
index 0000000..e11e6eb
--- /dev/null
+++ b/web_page/webpage-shorlink/src/components/AddUrl.css
@@ -0,0 +1,61 @@
+* {
+  background-color: #282828;
+}
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+}
+
+#title {
+  color: #ebdbb2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-style: solid;
+  text-align: center;
+  border-radius: 20px;
+  width: 640px;
+  height: 64px;
+}
+
+#id-form {
+  color: #ebdbb2;
+  border-style: solid;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-direction: column;
+  padding: 10px;
+  border-radius: 20px;
+}
+
+#btn1 {
+  color: #ebdbb2;
+  background-color: #689d6a;
+  height: 48px;
+  width: 88px;
+  font-size: 24px;
+  border-radius: 20px;
+  border-color: #ebdbb2;
+}
+
+#btn1:hover {
+  background-color: #83a598;
+  cursor: pointer;
+}
+
+#id-label {
+  font-size: 24px;
+  height: 48px;
+}
+
+#inp {
+  color: #ebdbb2;
+  border-color: #ebdbb2;
+  border-radius: 10px;
+  font-size: 24px;
+}
-- 
cgit v1.2.3