Make it look nice

This commit is contained in:
Brandon Dyck 2024-08-02 12:44:17 -06:00
parent b80242b74b
commit 71d2e537dd
5 changed files with 3966 additions and 17 deletions

View File

@ -1,3 +1,5 @@
Check that the selected DB exists and is a valid Peachy DB
Set application_id and user_version when creating DB
Use pattern matching (https://github.com/silentbicycle/tamale) for parsed sexps Use pattern matching (https://github.com/silentbicycle/tamale) for parsed sexps
Write schema management package Write schema management package
Unceremoniously dump a rudimentary schema management UI on index Unceremoniously dump a rudimentary schema management UI on index

View File

@ -1,26 +1,35 @@
.filepicker { .filepicker {
details:has(input[type=radio]:checked)>summary, details:has(input[type=radio]:checked)>summary,
label:has(input[type=radio]:checked) { label:has(input[type=radio]:checked) {
background-color: lightblue; background-color: lightblue;
} }
.files, .directories {
.directories {
margin-left: 0.7em;
}
.files>li {
list-style-type: none;
}
.directories+.files {
margin-top: 0;
}
.directories:has(+ .files) {
margin-bottom: 0; margin-bottom: 0;
margin-top: 0.3em;
}
input[type="radio"] {
display: none;
}
details {
margin: 0 0 0.3em;
}
li {
list-style-type: "📄";
}
summary {
display: list-item;
list-style-position: outside;
details[open] > & {
list-style-type: "📂";
}
details:not([open]) > & {
list-style-type: "📁";
}
}
li, summary {
padding-left: 0.5em;
cursor: pointer;
} }
max-height: 30em; max-height: 30em;
overflow-y: scroll; overflow-y: scroll;
} }

3937
assets/static/css/picnic.css Normal file

File diff suppressed because it is too large Load Diff

View File

@ -4,6 +4,7 @@
<script src="/static/js/htmx.min.js"></script> <script src="/static/js/htmx.min.js"></script>
<script src="/static/js/_hyperscript.min.js"></script> <script src="/static/js/_hyperscript.min.js"></script>
<title>Everything is Peachy</title> <title>Everything is Peachy</title>
<link rel="stylesheet" href="/static/css/picnic.css">
<link rel="stylesheet" href="/static/css/site.css"> <link rel="stylesheet" href="/static/css/site.css">
{% if block.styles then for _, style in ipairs(block.styles) do %} {% if block.styles then for _, style in ipairs(block.styles) do %}
<link rel="stylesheet" href="{%& style %}"> <link rel="stylesheet" href="{%& style %}">

View File

@ -6,7 +6,7 @@
<input type="submit"> <input type="submit">
</form> </form>
<div <div
class="filepicker" class="filepicker card"
hx-get="/dirlist?dirpath=/" hx-get="/dirlist?dirpath=/"
hx-trigger="load" hx-trigger="load"
_="on change(target)[target.type=='radio'] set #filename-input.value to target.value"> _="on change(target)[target.type=='radio'] set #filename-input.value to target.value">