From 42f4cace98685d55fd88da3da64d724f6e300664 Mon Sep 17 00:00:00 2001
From: tokmak0 <112181684+tokmak0@users.noreply.github.com>
Date: Fri, 26 Aug 2022 20:57:55 +0300
Subject: [PATCH 1/2] Update create_thread.ejs
---
views/create_thread.ejs | 12 +++++++-----
1 file changed, 7 insertions(+), 5 deletions(-)
diff --git a/views/create_thread.ejs b/views/create_thread.ejs
index 5968bb9..a5a056e 100644
--- a/views/create_thread.ejs
+++ b/views/create_thread.ejs
@@ -3,21 +3,23 @@
<%- include("extra/meta", {title: "Create thread!" }) %>
+ <link rel="stylesheet" href="/css/create_thread.css" />
+
<body style="text-align: center;">
<%- include("extra/navbar") %>
<form>
- <h2 style="color: #4d18e6;">Title:</h2>
- <input name="title"></input>
+ <h2 class="title" style="align-self: baseline;">Title:</h2>
+ <input name="title" class="input"></input>
<hr>
- <h2 style="color: #4d18e6;">Content:</h2>
- <textarea rows="4" cols="50" name="content"></textarea>
+ <h2 class="title" style="align-self: baseline;">Content:</h2>
+ <textarea rows="4" cols="50" name="content" class="input"></textarea>
<hr>
- <button class="big" type="submit">Create Thread!</button>
+ <button class="btn-primary" style="width:100%" type="submit">Create Thread!</button>
</form>
From a1f9589bf2e5924b3ff8fcc13364d6c48dff8411 Mon Sep 17 00:00:00 2001
From: tokmak0 <112181684+tokmak0@users.noreply.github.com>
Date: Fri, 26 Aug 2022 20:58:35 +0300
Subject: [PATCH 2/2] Create create_thread.css
---
public/css/create_thread.css | 22 ++++++++++++++++++++++
1 file changed, 22 insertions(+)
create mode 100644 public/css/create_thread.css
diff --git a/public/css/create_thread.css b/public/css/create_thread.css
new file mode 100644
index 0000000..5482fe3
--- /dev/null
+++ b/public/css/create_thread.css
@@ -0,0 +1,22 @@
+.title {
+ color: #4d18e6;
+ font-weight: 700;
+}
+form{
+display: flex;
+flex-direction: column;
+align-items: center;
+max-width: 1000px;
+margin: 0 auto;
+}
+
+.input {
+ padding: 8px 10px;
+ font-family: inherit;
+ display: block;
+ font-weight: 600;
+ color: #4c4c4c;
+ width: 500px;
+ margin-bottom: 10px;
+ border: 2px solid #d9d9d9;
+}