Minor UI changes
This commit is contained in:
parent
9275b28827
commit
e2107ff30d
|
@ -562,10 +562,6 @@ video {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.-bottom-32 {
|
|
||||||
bottom: -8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-1 {
|
.bottom-1 {
|
||||||
bottom: 0.25rem;
|
bottom: 0.25rem;
|
||||||
}
|
}
|
||||||
|
@ -594,6 +590,10 @@ video {
|
||||||
margin: 0.25rem;
|
margin: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.m-2 {
|
||||||
|
margin: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.mx-1 {
|
.mx-1 {
|
||||||
margin-left: 0.25rem;
|
margin-left: 0.25rem;
|
||||||
margin-right: 0.25rem;
|
margin-right: 0.25rem;
|
||||||
|
@ -642,6 +642,10 @@ video {
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mt-20 {
|
||||||
|
margin-top: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.mt-4 {
|
.mt-4 {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
@ -678,8 +682,8 @@ video {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.w-24 {
|
.w-32 {
|
||||||
width: 6rem;
|
width: 8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.w-48 {
|
.w-48 {
|
||||||
|
|
|
@ -64,7 +64,7 @@ templ BoostButton(label, to string) {
|
||||||
tabindex="0"
|
tabindex="0"
|
||||||
role="button"
|
role="button"
|
||||||
class="transition ease-in-out
|
class="transition ease-in-out
|
||||||
px-1 outline outline-1
|
m-2 px-1 outline outline-1
|
||||||
outline-slate-600 hover:outline-2
|
outline-slate-600 hover:outline-2
|
||||||
hover:bg-green-300 duration-300
|
hover:bg-green-300 duration-300
|
||||||
active:bg-green-600
|
active:bg-green-600
|
||||||
|
@ -81,6 +81,7 @@ templ GetButton(label, to, target, swap string) {
|
||||||
tabindex="0"
|
tabindex="0"
|
||||||
role="button"
|
role="button"
|
||||||
class="transition ease-in-out
|
class="transition ease-in-out
|
||||||
|
m-2
|
||||||
px-1 outline outline-1
|
px-1 outline outline-1
|
||||||
outline-slate-600 hover:outline-2
|
outline-slate-600 hover:outline-2
|
||||||
hover:bg-green-300 duration-300
|
hover:bg-green-300 duration-300
|
||||||
|
@ -103,7 +104,7 @@ templ SubmitFormButton(label string) {
|
||||||
type="submit"
|
type="submit"
|
||||||
value={ label }
|
value={ label }
|
||||||
class="transition ease-in-out
|
class="transition ease-in-out
|
||||||
px-1 outline outline-1
|
m-2 px-1 outline outline-1
|
||||||
outline-slate-600 hover:outline-2
|
outline-slate-600 hover:outline-2
|
||||||
hover:bg-green-300 duration-300
|
hover:bg-green-300 duration-300
|
||||||
active:bg-green-600
|
active:bg-green-600
|
||||||
|
|
|
@ -199,7 +199,7 @@ func BoostButton(label, to string) templ.Component {
|
||||||
var_7 = templ.NopComponent
|
var_7 = templ.NopComponent
|
||||||
}
|
}
|
||||||
ctx = templ.ClearChildren(ctx)
|
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 {
|
if err != nil {
|
||||||
return err
|
return err
|
||||||
}
|
}
|
||||||
|
@ -241,7 +241,7 @@ func GetButton(label, to, target, swap string) templ.Component {
|
||||||
var_10 = templ.NopComponent
|
var_10 = templ.NopComponent
|
||||||
}
|
}
|
||||||
ctx = templ.ClearChildren(ctx)
|
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 {
|
if err != nil {
|
||||||
return err
|
return err
|
||||||
}
|
}
|
||||||
|
@ -322,7 +322,7 @@ func SubmitFormButton(label string) templ.Component {
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return err
|
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 {
|
if err != nil {
|
||||||
return err
|
return err
|
||||||
}
|
}
|
||||||
|
|
|
@ -27,8 +27,8 @@ templ BinPartial(file models.File) {
|
||||||
</h1>
|
</h1>
|
||||||
<p class="italic mx-1 my-2">{ file.Description }</p>
|
<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="my-4 overflow-x-scroll">@utils.HighlightText(file.Data, file.Language, "")</div>
|
||||||
<div class="relative h-full">
|
<div class="relative h-full mt-20">
|
||||||
<div class="absolute -bottom-32">
|
<div class="">
|
||||||
<form
|
<form
|
||||||
hx-post={ "/b/" + file.PageKey + "/delete" }
|
hx-post={ "/b/" + file.PageKey + "/delete" }
|
||||||
hx-confirm="Are you sure you want to delete this?"
|
hx-confirm="Are you sure you want to delete this?"
|
||||||
|
@ -38,7 +38,7 @@ templ BinPartial(file models.File) {
|
||||||
name="adminKey"
|
name="adminKey"
|
||||||
id="adminKey"
|
id="adminKey"
|
||||||
type="text"
|
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
|
hover:outline-slate-400 hover:outline-dotted
|
||||||
focus:outline-slate-600 focus:outline-dashed
|
focus:outline-slate-600 focus:outline-dashed
|
||||||
active:outline-green-600"
|
active:outline-green-600"
|
||||||
|
@ -59,6 +59,7 @@ templ BinPartial(file models.File) {
|
||||||
@components.GetButton("email me this!", "/partial/email", "this", "outerHTML")
|
@components.GetButton("email me this!", "/partial/email", "this", "outerHTML")
|
||||||
</form>
|
</form>
|
||||||
}
|
}
|
||||||
|
<br />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -111,7 +111,7 @@ func BinPartial(file models.File) templ.Component {
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return err
|
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 {
|
if err != nil {
|
||||||
return err
|
return err
|
||||||
}
|
}
|
||||||
|
@ -119,7 +119,7 @@ func BinPartial(file models.File) templ.Component {
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return err
|
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 {
|
if err != nil {
|
||||||
return err
|
return err
|
||||||
}
|
}
|
||||||
|
@ -211,7 +211,7 @@ func BinPartial(file models.File) templ.Component {
|
||||||
return err
|
return err
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
_, err = templBuffer.WriteString("</div></div></div>")
|
_, err = templBuffer.WriteString("<br></div></div></div>")
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return err
|
return err
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue