From 8cfeab6dbcb4ea60fb42f40e7a617b238813ee65 Mon Sep 17 00:00:00 2001
From: Thomas Miceli <tho.miceli@gmail.com>
Date: Sat, 8 Apr 2023 00:21:22 +0200
Subject: [PATCH] Small responsive UI change
---
templates/pages/create.html | 6 +++---
templates/pages/edit.html | 6 +++---
2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/templates/pages/create.html b/templates/pages/create.html
index 3f33799..d00329c 100644
--- a/templates/pages/create.html
+++ b/templates/pages/create.html
@@ -10,12 +10,12 @@
<main class="mt-4">
<form id="create" class="space-y-4" method="post" action="/">
<div class="grid grid-cols-12 gap-x-4">
- <div class="col-span-4">
+ <div class="col-span-8 sm:col-span-4">
<div class="mt-1">
<input type="text" placeholder="Title" name="title" id="title" class="bg-black shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
</div>
</div>
- <div class="col-span-8">
+ <div class="col-span-12 sm:col-span-8">
<div class="mt-1">
<input type="text" placeholder="Description" name="description" id="description" class="bg-black shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
</div>
@@ -28,7 +28,7 @@
<p class="mx-2 my-2 inline-flex">
<input type="text" name="name" placeholder="Filename with extension" style="line-height: 0.05em" class="form-filename bg-gray-900 shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
</p>
- <div class="mx-2 my-2 inline-flex ml-auto space-x-2">
+ <div class="hidden mx-2 my-2 sm:inline-flex ml-auto space-x-2">
<select class="editor-indent-type whitespace-nowrap text-slate-300 rounded border border-gray-600 bg-gray-900 pr-8 text-xs font-medium shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500">
<optgroup label="Indent mode">
<option value="space">Space</option>
diff --git a/templates/pages/edit.html b/templates/pages/edit.html
index deffff2..2678f47 100644
--- a/templates/pages/edit.html
+++ b/templates/pages/edit.html
@@ -40,12 +40,12 @@
<main class="mt-4">
<form id="create" class="space-y-4" method="post" action="/{{ .gist.User.Username }}/{{ .gist.Uuid }}/edit">
<div class="grid grid-cols-12 gap-x-4">
- <div class="col-span-4">
+ <div class="col-span-8 sm:col-span-4">
<div class="mt-1">
<input type="text" value="{{ .gist.Title }}" placeholder="Title" name="title" id="title" class="bg-black shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
</div>
</div>
- <div class="col-span-8">
+ <div class="col-span-12 sm:col-span-8">
<div class="mt-1">
<input type="text" value="{{ .gist.Description }}" placeholder="Description" name="description" id="description" class="bg-black shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-700 rounded-md">
</div>
@@ -64,7 +64,7 @@
</svg>
</button>
</p>
- <div class="mx-2 my-2 inline-flex ml-auto space-x-2">
+ <div class="hidden mx-2 my-2 sm:inline-flex ml-auto space-x-2">
<select class="editor-indent-type whitespace-nowrap text-slate-300 rounded border border-gray-600 bg-gray-900 pr-8 text-xs font-medium shadow-sm hover:bg-gray-700 hover:border-gray-500 hover:text-slate-300 focus:outline-none focus:ring-1 focus:border-primary-500 focus:ring-primary-500">
<optgroup label="Indent mode">
<option value="space">Space</option>