eisterman/htmxtailwindtest
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Tailwind and DaisyUI

Browse Source
This commit is contained in:
Federico Pasqua
2025-02-01 18:42:08 +01:00
parent d16391fab0
commit 0ffe405e84
10 changed files with 571 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
templates/index.html
View File

@@ -10,7 +10,6 @@
top: 0;
left: 0;
width: 100%;
background: #161b22;
}
.overlay {
@@ -45,7 +44,7 @@
<div style="height: 48px; margin-bottom: 8px"></div>
<div x-data="{'isModalOpen': false}">
<div style="display:flex; justify-content:flex-end">
<button @click="isModalOpen = true">Create</button>
<button class="btn" @click="isModalOpen = true">Create</button>
</div>
<div class="overlay" style="z-index: 30" x-show="isModalOpen" x-cloak></div>
<dialog open style="z-index: 31" x-show="isModalOpen" x-cloak x-transition>
@@ -64,8 +63,8 @@
</label>
</form>
<footer>
<button form="create_form" type="reset" @click="isModalOpen = false">Close</button>
<button form="create_form" type="submit">
<button class="btn" form="create_form" type="reset" @click="isModalOpen = false">Close</button>
<button class="btn" form="create_form" type="submit">
Submit
<img id="indicator" class="htmx-indicator" src="/assets/oval.svg" style="height: 1rem; margin-left: 2px"
alt="...">