myrkvi
/
bin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minor UI changes

This commit is contained in:
Vegard Berg 2023-09-13 21:18:12 +02:00
parent 9275b28827
commit e2107ff30d
5 changed files with 23 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/tailwind.css
View File

@ -562,10 +562,6 @@ video {
position: relative;
}
.-bottom-32 {
bottom: -8rem;
}
.bottom-1 {
bottom: 0.25rem;
}
@ -594,6 +590,10 @@ video {
margin: 0.25rem;
}
.m-2 {
margin: 0.5rem;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
@ -642,6 +642,10 @@ video {
margin-right: 1rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-4 {
margin-top: 1rem;
}
@ -678,8 +682,8 @@ video {
height: 100%;
}
.w-24 {
width: 6rem;
.w-32 {
width: 8rem;
}
.w-48 {

5
views/components/components.templ
View File

@ -64,7 +64,7 @@ templ BoostButton(label, to string) {
tabindex="0"
role="button"
class="transition ease-in-out
px-1 outline outline-1
m-2 px-1 outline outline-1
outline-slate-600 hover:outline-2
hover:bg-green-300 duration-300
active:bg-green-600
@ -81,6 +81,7 @@ templ GetButton(label, to, target, swap string) {
tabindex="0"
role="button"
class="transition ease-in-out
m-2
px-1 outline outline-1
outline-slate-600 hover:outline-2
hover:bg-green-300 duration-300
@ -103,7 +104,7 @@ templ SubmitFormButton(label string) {
type="submit"
value={ label }
class="transition ease-in-out
px-1 outline outline-1
m-2 px-1 outline outline-1
outline-slate-600 hover:outline-2
hover:bg-green-300 duration-300
active:bg-green-600

6
views/components/components_templ.go
View File

@ -199,7 +199,7 @@ func BoostButton(label, to string) templ.Component {
var_7 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
_, err = templBuffer.WriteString("<span hx-boost=\"true\"><a tabindex=\"0\" role=\"button\" class=\"transition ease-in-out\n px-1 outline outline-1 \n outline-slate-600 hover:outline-2 \n hover:bg-green-300 duration-300\n active:bg-green-600\n foucs:outline-2\" href=\"")
_, err = templBuffer.WriteString("<span hx-boost=\"true\"><a tabindex=\"0\" role=\"button\" class=\"transition ease-in-out\n m-2 px-1 outline outline-1 \n outline-slate-600 hover:outline-2 \n hover:bg-green-300 duration-300\n active:bg-green-600\n foucs:outline-2\" href=\"")
if err != nil {
return err
}
@ -241,7 +241,7 @@ func GetButton(label, to, target, swap string) templ.Component {
var_10 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
_, err = templBuffer.WriteString("<span tabindex=\"0\" role=\"button\" class=\"transition ease-in-out\n px-1 outline outline-1 \n outline-slate-600 hover:outline-2 \n hover:bg-green-300 duration-300\n active:bg-green-600\n foucs:outline-2\" hx-get=\"")
_, err = templBuffer.WriteString("<span tabindex=\"0\" role=\"button\" class=\"transition ease-in-out\n m-2\n px-1 outline outline-1 \n outline-slate-600 hover:outline-2 \n hover:bg-green-300 duration-300\n active:bg-green-600\n foucs:outline-2\" hx-get=\"")
if err != nil {
return err
}
@ -322,7 +322,7 @@ func SubmitFormButton(label string) templ.Component {
if err != nil {
return err
}
_, err = templBuffer.WriteString("\" class=\"transition ease-in-out\n px-1 outline outline-1 \n outline-slate-600 hover:outline-2 \n hover:bg-green-300 duration-300\n active:bg-green-600\n focus:outline-2\n hover:cursor-pointer\">")
_, err = templBuffer.WriteString("\" class=\"transition ease-in-out\n m-2 px-1 outline outline-1 \n outline-slate-600 hover:outline-2 \n hover:bg-green-300 duration-300\n active:bg-green-600\n focus:outline-2\n hover:cursor-pointer\">")
if err != nil {
return err
}

7
views/pages/bin.templ
View File

@ -27,8 +27,8 @@ templ BinPartial(file models.File) {
</h1>
<p class="italic mx-1 my-2">{ file.Description }</p>
<div class="my-4 overflow-x-scroll">@utils.HighlightText(file.Data, file.Language, "")</div>
<div class="relative h-full">
<div class="absolute -bottom-32">
<div class="relative h-full mt-20">
<div class="">
<form
hx-post={ "/b/" + file.PageKey + "/delete" }
hx-confirm="Are you sure you want to delete this?"
@ -38,7 +38,7 @@ templ BinPartial(file models.File) {
name="adminKey"
id="adminKey"
type="text"
class="mr-4 w-24 bg-amber-50
class="mr-4 w-32 bg-amber-50
hover:outline-slate-400 hover:outline-dotted
focus:outline-slate-600 focus:outline-dashed
active:outline-green-600"
@ -59,6 +59,7 @@ templ BinPartial(file models.File) {
@components.GetButton("email me this!", "/partial/email", "this", "outerHTML")
</form>
}
<br />
</div>
</div>
</div>

6
views/pages/bin_templ.go
View File

@ -111,7 +111,7 @@ func BinPartial(file models.File) templ.Component {
if err != nil {
return err
}
_, err = templBuffer.WriteString("</div><div class=\"relative h-full\"><div class=\"absolute -bottom-32\"><form hx-post=\"")
_, err = templBuffer.WriteString("</div><div class=\"relative h-full mt-20\"><div class=\"\"><form hx-post=\"")
if err != nil {
return err
}
@ -119,7 +119,7 @@ func BinPartial(file models.File) templ.Component {
if err != nil {
return err
}
_, err = templBuffer.WriteString("\" hx-confirm=\"Are you sure you want to delete this?\" hx-target=\"#main-content\"><input name=\"adminKey\" id=\"adminKey\" type=\"text\" class=\"mr-4 w-24 bg-amber-50\n hover:outline-slate-400 hover:outline-dotted \n focus:outline-slate-600 focus:outline-dashed\n active:outline-green-600\" placeholder=\"deletion key\" value=\"")
_, err = templBuffer.WriteString("\" hx-confirm=\"Are you sure you want to delete this?\" hx-target=\"#main-content\"><input name=\"adminKey\" id=\"adminKey\" type=\"text\" class=\"mr-4 w-32 bg-amber-50\n hover:outline-slate-400 hover:outline-dotted \n focus:outline-slate-600 focus:outline-dashed\n active:outline-green-600\" placeholder=\"deletion key\" value=\"")
if err != nil {
return err
}
@ -211,7 +211,7 @@ func BinPartial(file models.File) templ.Component {
return err
}
}
_, err = templBuffer.WriteString("</div></div></div>")
_, err = templBuffer.WriteString("<br></div></div></div>")
if err != nil {
return err
}