From a10a181543e230f1991d72f4600ed2cc8392b5f0 Mon Sep 17 00:00:00 2001 From: blek Date: Sat, 30 Sep 2023 12:57:28 +1000 Subject: [PATCH] cool input style --- filed/static/form.css | 34 ++++++++++++++++++++++++++++++++++ filed/templates/base.html | 3 +++ 2 files changed, 37 insertions(+) create mode 100644 filed/static/form.css diff --git a/filed/static/form.css b/filed/static/form.css new file mode 100644 index 0000000..4ab8710 --- /dev/null +++ b/filed/static/form.css @@ -0,0 +1,34 @@ +.form-input-partial { + background: var(--header-fg-color); + color: var(--header-color); + padding: 2px 6px; + border-radius: 6px; + width: fit-content; +} +.form-input-partial input[type=text] { + border: 0; + border-radius: 0; + padding: 0; + height: 100%; + transform: translateX(-4px); + font-family: 'Red Hat Display'; +} +.form-input-label { + user-select: none; + font-size: 90%; +} +@media (max-width:667px) { + .form-input-label { + display: none; + } + .form-input-partial { + background: transparent; + padding: 0; + border-radius: 0; + } + .form-input-partial input[type=text] { + border-radius: 5px; + padding: 2px 4px; + margin-left: 5px; + } +} \ No newline at end of file diff --git a/filed/templates/base.html b/filed/templates/base.html index b5ee17d..6c308d3 100644 --- a/filed/templates/base.html +++ b/filed/templates/base.html @@ -2,11 +2,14 @@ + + + blek! File {% block head %}{% endblock %}