quotelink hover, also make dashboard quotes into links
This commit is contained in:
@@ -4,7 +4,7 @@ use crate::{quotes::Quote, web::icons};
|
|||||||
|
|
||||||
pub fn quote(quote: &Quote) -> Markup {
|
pub fn quote(quote: &Quote) -> Markup {
|
||||||
html!(
|
html!(
|
||||||
div class="border border-neutral-200/25 bg-neutral-200/5 p-3 pb-1 overflow-clip rounded-md relative flex flex-col" {
|
div class="border border-neutral-200/25 bg-neutral-200/5 p-3 pb-1 overflow-clip rounded-md relative flex flex-col transition-colors group-hover/a:border-neutral-200/35 group-hover/a:bg-neutral-200/10" {
|
||||||
div class="absolute top-4 right-6 -rotate-12 opacity-[.025] scale-x-[4.5] scale-y-[4]" {
|
div class="absolute top-4 right-6 -rotate-12 opacity-[.025] scale-x-[4.5] scale-y-[4]" {
|
||||||
(PreEscaped(icons::QUOTE))
|
(PreEscaped(icons::QUOTE))
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -61,7 +61,9 @@ pub async fn page(
|
|||||||
"This just in! This quote was added "
|
"This just in! This quote was added "
|
||||||
(format_time_ago(q.get_creation_timestamp())) " ago."
|
(format_time_ago(q.get_creation_timestamp())) " ago."
|
||||||
}
|
}
|
||||||
div class="flex-1 [&>div]:h-full" {(quote(q))}
|
div class="flex-1 [&>div]:h-full" {
|
||||||
|
a href=(format!("/quotes/{}", q.id)) class="group/a" {(quote(q))}
|
||||||
|
}
|
||||||
} @else {
|
} @else {
|
||||||
p class="text-neutral-500 font-light mb-4" {"No quotes yet."}
|
p class="text-neutral-500 font-light mb-4" {"No quotes yet."}
|
||||||
}
|
}
|
||||||
@@ -76,7 +78,9 @@ pub async fn page(
|
|||||||
"This quote was added "
|
"This quote was added "
|
||||||
(format_time_ago(q.get_creation_timestamp())) " ago."
|
(format_time_ago(q.get_creation_timestamp())) " ago."
|
||||||
}
|
}
|
||||||
div class="flex-1 [&>div]:h-full" {(quote(&q))}
|
div class="flex-1 [&>div]:h-full" {
|
||||||
|
a href=(format!("/quotes/{}", q.id)) class="group/a" {(quote(&q))}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -86,7 +86,7 @@ pub async fn page(
|
|||||||
}
|
}
|
||||||
div class="flex flex-col gap-4 mb-8" {
|
div class="flex flex-col gap-4 mb-8" {
|
||||||
@for q in "es {
|
@for q in "es {
|
||||||
a href=(format!("/quotes/{}", q.id)) {(quote(q))}
|
a href=(format!("/quotes/{}", q.id)) class="group/a" {(quote(q))}
|
||||||
}
|
}
|
||||||
|
|
||||||
div class="flex justify-between items-center mt-4 text-neutral-400" {
|
div class="flex justify-between items-center mt-4 text-neutral-400" {
|
||||||
|
|||||||
Reference in New Issue
Block a user