Quick-links at top of the issue-list page

This commit is contained in:
Klaas van Schelven
2023-11-26 12:23:55 +01:00
parent 5f955c40cb
commit 4caff2dbb3
2 changed files with 39 additions and 4 deletions

View File

@@ -4,15 +4,26 @@
{% block content %}
<div class="m-4">
<h1 class="text-4xl mt-4">{{ project.name }} - Issues</h1>
<div class="mt-4">
<div class="flex bg-slate-50 border-b-2 mt-4 items-end">
<div class="flex">
<a href="TODO"><div class="p-4 text-cyan-500 font-bold border-cyan-500 border-b-4 hover:bg-slate-200">Unresolved</div></a>
<a href="TODO"><div class="p-4 text-slate-500 font-bold border-slate-400 hover:bg-slate-200 hover:border-b-4">Resolved</div></a>
<a href="TODO"><div class="p-4 text-slate-500 font-bold border-slate-400 hover:bg-slate-200 hover:border-b-4">Muted</div></a>
<a href="TODO"><div class="p-4 text-slate-500 font-bold border-slate-400 hover:bg-slate-200 hover:border-b-4">All</div></a>
</div>
<div class="ml-auto p-2">
<input type="text" name="search" placeholder="search issues..." class="focus:border-cyan-500 focus:ring-cyan-200 rounded-md"/>
</div>
</div>
<div>
<table class="w-full">
<thead>
<tr class="bg-white border-slate-300 border-t-2 border-l-2 border-r-2 ">
<td colspan="4" class="text-right">
<input type="text" name="search" placeholder="search issues..." class="w-1/5 m-4 focus:border-cyan-500 focus:ring-cyan-200 rounded-md"/>
{% comment %}
https://flowbite.com/docs/forms/floating-label/

View File

@@ -807,6 +807,10 @@ select {
margin: 1rem;
}
.m-8 {
margin: 2rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
@@ -864,6 +868,10 @@ select {
margin-left: 0.25rem;
}
.mb-0 {
margin-bottom: 0px;
}
.block {
display: block;
}
@@ -1003,10 +1011,18 @@ select {
align-content: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-stretch {
align-items: stretch;
}
.justify-center {
justify-content: center;
}
@@ -1219,6 +1235,14 @@ select {
padding: 1rem;
}
.p-8 {
padding: 2rem;
}
.p-2 {
padding: 0.5rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;