feat: Fix alternating blocks on large screens

This commit is contained in:
jeangab 2024-04-12 16:05:21 -04:00
parent f4b284606e
commit 1f057819bf
3 changed files with 274 additions and 433 deletions

658
sreez/Cargo.lock generated

File diff suppressed because it is too large Load Diff

View File

@ -15,7 +15,7 @@ leptos = { version = "0.6", features = ["nightly"] }
leptos_meta = { version = "0.6", features = ["nightly"] }
leptos_actix = { version = "0.6", optional = true }
leptos_router = { version = "0.6", features = ["nightly"] }
wasm-bindgen = "=0.2.89"
wasm-bindgen = "=0.2.92"
[features]
csr = ["leptos/csr", "leptos_meta/csr", "leptos_router/csr"]

View File

@ -313,29 +313,6 @@ ol.huge-list-markers li{
}
}
.lr-sections {
> div {
margin-right: 0;
display: flex;
flex-direction: row;
margin-left: 0;
margin-right: 0;
width: 100%;
min-width: 100%;
justify-content: space-around;
text-align: left;
align-items: center;
.card-icon {
padding-left: 7rem;
padding-right: 7rem;
}
}
> div:nth-child(even) {
flex-direction: row-reverse;
}
}
.material-symbols-outlined {
font-variation-settings:
@ -377,4 +354,28 @@ ol.huge-list-markers li{
margin-left: 3rem;
margin-right: 3rem;
}
.lg-lr-sections {
> div {
margin-right: 0;
display: flex;
flex-direction: row;
margin-left: 0;
margin-right: 0;
width: 100%;
min-width: 100%;
justify-content: space-around;
text-align: left;
align-items: center;
.card-icon {
padding-left: 7rem;
padding-right: 7rem;
}
}
> div:nth-child(even) {
flex-direction: row-reverse;
}
}
}