nopaste: Simplify the layout of the upload pages

[ipfire.org.git] / src / templates / nopaste / create.html

diff --git a/src/templates/nopaste/create.html b/src/templates/nopaste/create.html
index 7cafb5cb30deac45d4ec523236019563427bf554..48d59ba45f1347f567fcb4e5e2f33463ee8ea140 100644 (file)
--- a/src/templates/nopaste/create.html
+++ b/src/templates/nopaste/create.html
@@ -3,21 +3,22 @@
 {% block title %}{{ _("New Paste") }}{% end block %}
 
 {% block container %}
-       <section class="hero is-primary">
-               <div class="hero-body">
-                       <div class="container">
-                               <h1 class="title">{{ _("New Paste") }}</h1>
-                       </div>
-               </div>
-       </section>
-
        <section class="section">
                <div class="container">
-                       <div class="columns">
-                               <div class="column is-8">
-                                       <form action="" method="POST">
+                       <div class="columns is-centered">
+                               <div class="column is-half">
+                                       <form action="" method="POST" enctype="multipart/form-data">
                                                {% raw xsrf_form_html() %}
 
+                                               {% block paste %}
+                                                       <div class="field">
+                                                               <div class="control">
+                                                                       <textarea class="textarea" rows="12" name="content" required
+                                                                               placeholder="{{ _("Paste your content here...") }}"></textarea>
+                                                               </div>
+                                                       </div>
+                                               {% end %}
+
                                                <div class="field">
                                                        <label class="label">{{ _("Subject") }}</label>
 
@@ -27,13 +28,6 @@
                                                        </div>
                                                </div>
 
-                                               <div class="field">
-                                                       <div class="control">
-                                                               <textarea class="textarea" rows="12" name="content" required
-                                                                       placeholder="{{ _("Paste your content here...") }}"></textarea>
-                                                       </div>
-                                               </div>
-
                                                <div class="field">
                                                        <label class="label">{{ _("Expires After") }}</label>
 
@@ -53,8 +47,13 @@
 
                                                <div class="field">
                                                        <div class="control">
-                                                               <button type="submit" class="button is-primary">
-                                                                       <i class="fa-solid fa-upload"></i> {{ _("Upload") }}
+                                                               <button type="submit" class="button is-primary is-fullwidth">
+                                                                       <span class="icon-text">
+                                                                               <span class="icon">
+                                                                                       <i class="fa-solid fa-upload"></i>
+                                                                               </span>
+                                                                               <span>{{ _("Upload") }}</span>
+                                                                       </span>
                                                                </button>
                                                        </div>
                                                </div>