From b070a59d3dd5943effa0c5a60d88d6ff68c979b8 Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Wed, 9 Mar 2022 15:33:36 +0100 Subject: [PATCH] Add form for creating a new thread --- src/www/new_thread.html | 31 +++++++++++++++++++++++++++++++ src/www/style.css | 14 ++++++++++++++ 2 files changed, 45 insertions(+) create mode 100644 src/www/new_thread.html diff --git a/src/www/new_thread.html b/src/www/new_thread.html new file mode 100644 index 0000000..a866e07 --- /dev/null +++ b/src/www/new_thread.html @@ -0,0 +1,31 @@ + + + + kchan - {name} + + + + +
+
+ +
+
+
+
+

Create new thread

+
+ + + + +
+
+
+ + diff --git a/src/www/style.css b/src/www/style.css index 4aeaf36..85453af 100644 --- a/src/www/style.css +++ b/src/www/style.css @@ -2,6 +2,8 @@ max-width: 60rem; margin: 0 auto; } +.wrap.slim { max-width: 40rem } + body { margin: 0; box-sizing: border-box; @@ -60,6 +62,17 @@ article .image-info { margin-bottom: .5rem; } +form { + display: flex; + flex-direction: column; +} +form input, form textarea { + margin-bottom: 1rem; + padding: .5rem; +} +form input[type=file] { padding: 0 } +form input[type=submit] { max-width: 20rem } + @media screen and (max-width: 900px) { article img { width: 10rem } } @@ -67,4 +80,5 @@ article .image-info { body { font-size: 16px } article img { width: 6rem } article .meta { flex-direction: column-reverse } + form input[type=submit] { max-width: 100% } }