luxick/datascape
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Styling?

Browse Source
This commit is contained in:
luxick
2026-04-10 09:27:09 +02:00
parent fe99756cbd
commit 0a9da80821
2 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/page.html
View File

@@ -20,8 +20,8 @@
<form class="edit-form" method="POST" action="{{.PostURL}}"> <form class="edit-form" method="POST" action="{{.PostURL}}">
<textarea name="content" autofocus>{{.RawContent}}</textarea> <textarea name="content" autofocus>{{.RawContent}}</textarea>
<div class="form-actions"> <div class="form-actions">
<button class="btn-save" type="submit">Save</button> <a class="btn-cancel" href="{{.PostURL}}">CANCEL</a>
<a class="btn-cancel" href="{{.PostURL}}">Cancel</a> <button class="btn-save" type="submit">SAVE</button>
</div> </div>
</form> </form>
{{else}} {{if .Content}} {{else}} {{if .Content}}
@@ -38,9 +38,7 @@
{{end}} {{end}}
</div> </div>
{{else if not .Content}} {{else if not .Content}}
<p class="empty"> <p class="empty">Empty folder — <a href="?edit">[CREATE]</a></p>
Empty folder — <a href="?edit">create index.md</a>
</p>
{{end}} {{end}} {{end}} {{end}}
</main> </main>
</body> </body>

30
assets/style.css
View File

@@ -47,12 +47,13 @@ body::after {
/* === Links === */ /* === Links === */
a { a {
color: white; color: #ffb300;
text-shadow: 0 0 5px #b37800;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #0f0; color: #ffd54f;
text-shadow: 0 0 8px #0f0; text-shadow: 0 0 8px #ffb300;
} }
/* === Header === */ /* === Header === */
@@ -80,7 +81,7 @@ header {
.edit-btn { .edit-btn {
background: none; background: none;
border: none; border: none;
color: white; color: #ffb300;
font: inherit; font: inherit;
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
@@ -94,8 +95,8 @@ header {
content: "]"; content: "]";
} }
.edit-btn:hover { .edit-btn:hover {
color: #0f0; color: #ffd54f;
text-shadow: 0 0 8px #0f0; text-shadow: 0 0 8px #ffb300;
} }
/* === Main === */ /* === Main === */
@@ -223,7 +224,7 @@ main {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: white; color: #ffb300;
} }
.listing-item .meta { .listing-item .meta {
color: #888; color: #888;
@@ -261,12 +262,13 @@ textarea:focus {
.form-actions { .form-actions {
display: flex; display: flex;
gap: 0.75rem; gap: 0.75rem;
justify-content: flex-end;
} }
.btn-save { .btn-save {
background: none; background: none;
border: none; border: none;
color: white; color: #ffb300;
font: inherit; font: inherit;
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
@@ -278,14 +280,14 @@ textarea:focus {
content: "]"; content: "]";
} }
.btn-save:hover { .btn-save:hover {
color: #0f0; color: #ffd54f;
text-shadow: 0 0 8px #0f0; text-shadow: 0 0 8px #ffb300;
} }
.btn-cancel { .btn-cancel {
background: none; background: none;
border: none; border: none;
color: #888; color: #ffb300;
font: inherit; font: inherit;
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
@@ -299,14 +301,12 @@ textarea:focus {
content: "]"; content: "]";
} }
.btn-cancel:hover { .btn-cancel:hover {
color: white; color: #ffb300;
text-shadow: none; text-shadow: 0 0 8px #b37800;
} }
/* === Empty state === */ /* === Empty state === */
.empty { .empty {
color: #666;
font-style: italic;
padding: 1rem; padding: 1rem;
text-align: center; text-align: center;
} }