summaryrefslogtreecommitdiff
path: root/web_page/webpage-shorlink/src/components/AddUrl.css
diff options
context:
space:
mode:
Diffstat (limited to 'web_page/webpage-shorlink/src/components/AddUrl.css')
-rw-r--r--web_page/webpage-shorlink/src/components/AddUrl.css61
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;
+}