Romain/rust_leptos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change links size

Browse Source
This commit is contained in:
Romulus21
2025-06-18 22:50:40 +02:00
parent 876bcfe257
commit e7a45dc46c
3 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/routes/link.rs
View File

@@ -80,7 +80,7 @@ pub fn Links() -> impl IntoView {
view! {
<Title text="Liens"/>
<ul class="flex flex-wrap gap-5 m-5 justify-center">
<ul class="flex gap-5 m-5 flex-wrap justify-center">
<Suspense fallback=move || view! {<p>"Loading Comments from the article"</p> }>
<ErrorBoundary fallback=|_| {
view! { <p class="error-messages text-xs-center">"Something went wrong."</p>}
@@ -131,13 +131,14 @@ fn Link<T: 'static + Clone, S: 'static>(
links: Resource<T, S>,
) -> impl IntoView {
view! {
<li>
<a class="bg-prim-light hover:bg-prim-lightest border-b hover:border-third border-transparent text-xl rounded-lg text-center hover:text-third transition-colors px-5 py-4 min-w-60 inline-block"
<li class="mx-auto w-44 lg:w-60">
<a class="bg-prim-light w-full hover:bg-prim-lightest border-b hover:border-third border-transparent text-xl rounded-lg text-center hover:text-third transition-colors px-5 py-4 inline-block"
target="_blank"
href={move || link.with(|x| x.link.to_string())}>
<div class="size-54 min-w-54 mb-2">
<div class="flex justify-center mb-2">
<img src={move || link.with(|x| x.icon.to_string())}
alt={move || link.with(|x| x.name.to_string())} class="size-54 object-cover" />
alt={move || link.with(|x| x.name.to_string())}
class="block size-32 lg:size-54 object-cover overflow-hidden" />
</div>
<span>{move || link.with(|x| x.name.to_string())}</span>