frontend styling and misc fixes

This commit is contained in:
Per Stark
2025-01-24 14:20:16 +01:00
parent a9e2f67b3f
commit 3df72ce99d
8 changed files with 52 additions and 37 deletions

View File

@@ -1,4 +1,4 @@
<ul class="menu bg-base-200 rounded-box">
<ul class="menu bg-base-200 rounded-box w-full">
<li><a hx-boost="true" href="/documentation">Start</a></li>
<li><a hx-boost="true" class="" href="/documentation/privacy-policy">Privacy Policy</a></li>
<li>

View File

@@ -39,11 +39,8 @@
<div class="space-y-4">
<div class="flex justify-center gap-4">
<a class="btn btn-primary btn-lg" hx-boost="true" href="/signup">Get Started</a>
<a class="btn btn-outline btn-lg">Learn More</a>
<a class="btn btn-outline btn-lg" hx-boost="true" href="/documentation">Learn More</a>
</div>
<p class="text-sm text-base-content/60">
Currently processing {{queue_length}} items in queue
</p>
</div>
</div>

View File

@@ -1,7 +1,7 @@
{% extends "body_base.html" %}
{% block main %}
{% if user %}
{% include 'index/signed_in_view.html' %}
{% include 'index/signed_in/base.html' %}
{% else %}
{% include 'index/hero.html' %}
{% if not gdpr_accepted %}

View File

@@ -0,0 +1,9 @@
<div class="flex justify-center grow mt-2 sm:mt-4 gap-6">
<div class="container">
{% include 'index/signed_in/searchbar.html' %}
{% include "index/signed_in/recent_content.html" %}
{% include "index/signed_in/quick_actions.html" %}
</div>
</div>

View File

@@ -0,0 +1,7 @@
<div class="card bg-base-100 shadow-xl mt-4">
<div class="card-body">
<div class="flex gap-4">
<a class="btn btn-primary" hx-get="/ingress-form" hx-swap="outerHTML">Add Content</a>
</div>
</div>
</div>

View File

@@ -0,0 +1,20 @@
<div class="card bg-base-100 shadow-xl mt-4">
<div class="card-body">
<h2 class="card-title">Recently Added Content</h2>
<ul class="list bg-base-100 rounded-box shadow-md">
<li class="list-row">
<div><img class="size-10 rounded-box" src="https://img.daisyui.com/images/profile/demo/1@94.webp" /></div>
<div>
<div>Dio Lupa</div>
<div class="text-xs uppercase font-semibold opacity-60">Remaining Reason</div>
</div>
<button class="btn btn-outline">
Edit
</button>
<button class="btn btn-error">
Delete </button>
</li>
</ul>
</div>
</div>

View File

@@ -0,0 +1,13 @@
<div class="">
<!-- <div class="card bg-base-100 shadow-xl"> -->
<div class="card-body">
<h2 class="card-title">
Search your content
</h2>
<input type="text" placeholder="Search your knowledge base" class="input input-bordered w-full" name="query"
hx-get="/search" hx-target="#search-results" />
<div id="search-results" class="mt-4">
<!-- Results will be populated here by HTMX -->
</div>
</div>
</div>

View File

@@ -1,31 +0,0 @@
<div class="flex justify-center grow mt-2 sm:mt-4 gap-6">
<div class="container">
<!-- Search Bar -->
<div class="form-control w-full mx-auto mt-8 flex flex-col justify-center">
<h1 class="textl-lg text-center pb-5">So here you can search all your ingressed documents</h1>
<input type="text" placeholder="Search your knowledge base" class="mx-auto input input-bordered w-full sm:w-3/4"
name="query" hx-get="/search" hx-target="#search-results" />
<div id="search-results" class="mt-4">
<!-- Results will be populated here by HTMX -->
</div>
</div>
<!-- Recent Activity -->
<div class="card bg-base-100 shadow-xl">
<div class="card-body">
<h2 class="card-title">Recent Activity</h2>
<div class="skeleton h-32 w-full"></div>
</div>
</div>
<!-- Quick Actions - Modified button to link to ingress form -->
<div class="card bg-base-100 shadow-xl mt-4">
<div class="card-body">
<h2 class="card-title">Quick Actions</h2>
<div class="flex gap-4">
<a class="btn btn-primary" hx-get="/ingress-form" hx-swap="outerHTML">Add Content</a>
</div>
</div>
</div>
</div>
</div>