✨make it pretty✨
This commit is contained in:
parent
8ffd6d8d09
commit
f27b98c3a6
|
@ -6,4 +6,13 @@
|
|||
|
||||
.text-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 0.1rem solid #d1d1d1;
|
||||
border-radius: .4rem;
|
||||
padding: .6rem 1.0rem .7rem;
|
||||
margin-bottom: 1.5rem;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
}
|
|
@ -22,11 +22,20 @@ pub fn home_screen() -> View<G> {
|
|||
}));
|
||||
}
|
||||
view! {
|
||||
ul {
|
||||
div(class="text-align-center") {
|
||||
Keyed(KeyedProps {
|
||||
iterable: issues.handle(),
|
||||
template: |i| view! {
|
||||
li { (i.title) }
|
||||
div(class="card") {
|
||||
h3(class="text-align-center", style="margin-bottom: 0") { (i.title) }
|
||||
div(style="justify-content: space-between; display: flex") {
|
||||
div { (i.author) }
|
||||
div { (i.repo) }
|
||||
}
|
||||
br {}
|
||||
br {}
|
||||
p(class="text-align-center") { (i.desc) }
|
||||
}
|
||||
},
|
||||
key: |i| i.id,
|
||||
})
|
||||
|
|
Loading…
Reference in a new issue