Slightly prettier styling with Xess
This commit is contained in:
parent
23d086d057
commit
df278ffac5
24
src/main.rs
24
src/main.rs
|
@ -1,4 +1,4 @@
|
|||
use std::{boxed, error};
|
||||
use std::{boxed, error, fs};
|
||||
use dkregistry::v2::Client;
|
||||
use maud::{html, Markup, DOCTYPE};
|
||||
use axum::{Router, routing::get};
|
||||
|
@ -21,7 +21,7 @@ async fn main() {
|
|||
// build our application with a single route
|
||||
let app = Router::new()
|
||||
.route("/", get(root))
|
||||
.merge(SpaRouter::new("/static", "/static"));
|
||||
.merge(SpaRouter::new("/static", "result/static"));
|
||||
|
||||
// run it with hyper on localhost:3000
|
||||
println!("Running webserver on port :3000");
|
||||
|
@ -51,13 +51,19 @@ async fn root() -> Markup {
|
|||
let c = get_images().await.unwrap_or_else(|e| panic!("{}", e));
|
||||
html! {
|
||||
(header("/"))
|
||||
@for image in &c {
|
||||
div {
|
||||
details {
|
||||
summary { (image.name) }
|
||||
ul {
|
||||
@for tag in &image.tags {
|
||||
li { (tag.name) }
|
||||
body {
|
||||
main {
|
||||
h1 { "DREF" }
|
||||
hr;
|
||||
@for image in &c {
|
||||
div {
|
||||
details {
|
||||
summary { (image.name) }
|
||||
ul {
|
||||
@for tag in &image.tags {
|
||||
li { (tag.name) }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,8 +1,15 @@
|
|||
:root {
|
||||
--background-color: 0;
|
||||
--text-color: 43;
|
||||
--accent-color: 344;
|
||||
--background-color: 236;
|
||||
--text-color: 55;
|
||||
--accent-color: 200;
|
||||
|
||||
--width: 80ch;
|
||||
--padding: 0;
|
||||
}
|
||||
|
||||
details {
|
||||
font-size: large;
|
||||
border: 1px solid white;
|
||||
padding: 20px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue