moved from go to react, and added a better cssHEADmaster

1 files changed, 61 insertions, 0 deletions

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;
+}