From 0cddb3e4a65656e3bd0a5f699928cf08cfecd72e Mon Sep 17 00:00:00 2001 From: xemeds Date: Sun, 19 Jul 2020 16:51:54 +0000 Subject: [PATCH] Made the home page more responsive --- tiny0/static/style.css | 73 +++++++++++++++++++------------------ tiny0/templates/index.html | 14 ++++--- tiny0/templates/layout.html | 1 + 3 files changed, 48 insertions(+), 40 deletions(-) diff --git a/tiny0/static/style.css b/tiny0/static/style.css index e5b214c..170075d 100644 --- a/tiny0/static/style.css +++ b/tiny0/static/style.css @@ -1,49 +1,52 @@ -body { - margin: 0; - padding: 0; - font-family: sans-serif; - background: #121212; +* { + margin: 0; + padding: 0; + font-family: sans-serif; } -.form { - background: #2c2c2c; - border-radius: 15px; - padding: 7% 0; - position: absolute; - width: 85%; - top: 30%; - left: 50%; - transform: translate(-50%,-50%); - text-align: center; +body { + background: #121212; + +} + +.container { + background-color: #2c2c2c; + border-radius: 8px; + padding: 30px 0px; + box-shadow: 0px 10px 20px #000000; + width: 80vw; + height: auto; + margin: 10% auto 0 auto; +} + +.inputs { + display: flex; + justify-content: center; } .url { - background: #121212; - border: 2px solid #bb86fc; - border-radius: 5px; - padding: 2% 2%; - width: 50%; - margin-left: 2%; - color: #ffffff; + background: #121212; + border: 2px solid #bb86fc; + color: #ffffff; + width: 60%; + padding: 10px 10px; + margin-left: 3%; } .url:focus { - border-color: #7b59a5; + border-color: #7b59a5; } .submit { - background: #bb86fc; - border: 2px solid #bb86fc; - border-radius: 5px; - padding: 1% 1%; - display: inline-block; - margin: 1% 1% 0px 1%; - color: #000000; - font-weight: bold; - font-size: 120%; + background: #bb86fc; + border: 2px solid #bb86fc; + border-radius: 3px; + color: #000000; + display: inline-block; + margin: 0 3% 0 1%; } .submit:hover { - background: #7b59a5; - border-color: #7b59a5; -} \ No newline at end of file + background: #7b59a5; + border-color: #7b59a5; +} diff --git a/tiny0/templates/index.html b/tiny0/templates/index.html index 428c8f2..407cd55 100644 --- a/tiny0/templates/index.html +++ b/tiny0/templates/index.html @@ -1,9 +1,13 @@ {% extends "layout.html" %} {% block body %} -
- {{ form.hidden_tag() }} - {{ form.url(placeholder="Enter the URL here", class="url") }} - {{ form.submit(class="submit") }} -
+
+
+ {{ form.hidden_tag() }} +
+ {{ form.url(placeholder="Enter the URL here", class="url") }} + {{ form.submit(class="submit") }} +
+
+
{% endblock %} diff --git a/tiny0/templates/layout.html b/tiny0/templates/layout.html index 789f356..3b59268 100644 --- a/tiny0/templates/layout.html +++ b/tiny0/templates/layout.html @@ -2,6 +2,7 @@ +