setup display screen less margin
This commit is contained in:
parent
62d650fb34
commit
563a3c5c40
|
|
@ -1122,11 +1122,6 @@ input {
|
||||||
}
|
}
|
||||||
|
|
||||||
.setup-screen {
|
.setup-screen {
|
||||||
width: 80%;
|
|
||||||
height: 80%;
|
|
||||||
position: fixed;
|
|
||||||
left: 10%;
|
|
||||||
top: 10%;
|
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
|
||||||
.setup {
|
.setup {
|
||||||
|
|
@ -1134,8 +1129,6 @@ input {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 5%;
|
gap: 5%;
|
||||||
width: 100%;
|
|
||||||
height: 80%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.category {
|
.category {
|
||||||
|
|
@ -1154,8 +1147,10 @@ input {
|
||||||
}
|
}
|
||||||
|
|
||||||
& .count {
|
& .count {
|
||||||
left: -30px;
|
text-align: right;
|
||||||
|
left: -40px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -1304,3 +1299,9 @@ input {
|
||||||
height: max-content !important;
|
height: max-content !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.prompt {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -103,7 +103,7 @@ pub fn SetupCategory(
|
||||||
let roles_count = match mode {
|
let roles_count = match mode {
|
||||||
CategoryMode::HideAllInfo => None,
|
CategoryMode::HideAllInfo => None,
|
||||||
CategoryMode::ShowTotalCount | CategoryMode::ShowExactRoleCount => Some(html! {
|
CategoryMode::ShowTotalCount | CategoryMode::ShowExactRoleCount => Some(html! {
|
||||||
<span class="count">{roles.len().to_string()}</span>
|
<div class="count">{roles.len().to_string()}</div>
|
||||||
}),
|
}),
|
||||||
};
|
};
|
||||||
let mut roles_in_category = SetupRoleTitle::ALL
|
let mut roles_in_category = SetupRoleTitle::ALL
|
||||||
|
|
@ -132,8 +132,8 @@ pub fn SetupCategory(
|
||||||
};
|
};
|
||||||
html! {
|
html! {
|
||||||
<div class={classes!("slot")}>
|
<div class={classes!("slot")}>
|
||||||
|
{count}
|
||||||
<div class={classes!("role", wakes, r.category().class())}>
|
<div class={classes!("role", wakes, r.category().class())}>
|
||||||
{count}
|
|
||||||
{r.to_string().to_case(Case::Title)}
|
{r.to_string().to_case(Case::Title)}
|
||||||
</div>
|
</div>
|
||||||
<div class="attributes">
|
<div class="attributes">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue