Mobile nav on bottom
This commit is contained in:
parent
7f5e01eb9f
commit
1e2fb63b6a
|
@ -44,6 +44,21 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nav-body {
|
||||||
|
position: relative;
|
||||||
|
height: 100vh;
|
||||||
|
min-height: 100vh;
|
||||||
|
|
||||||
|
.nav-links {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.home-content {
|
.home-content {
|
||||||
padding: 32px 0;
|
padding: 32px 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,13 +6,17 @@
|
||||||
|
|
||||||
@:root("Navigation", "Links to get around", {}, {
|
@:root("Navigation", "Links to get around", {}, {
|
||||||
@:centered(false, {
|
@:centered(false, {
|
||||||
@:card(&Card::full_width().classes(&["account-page"]), {
|
<nav class="nav-body">
|
||||||
@:card_body({
|
<div class="nav-links">
|
||||||
@:nav(user_opt)
|
@:card(&Card::full_width(), {
|
||||||
})
|
@:card_body({
|
||||||
@:card_body({
|
@:nav(user_opt)
|
||||||
@:button_group(&[Button::primary_outline("Back").href(back.as_str())])
|
})
|
||||||
})
|
@:card_body({
|
||||||
})
|
@:button_group(&[Button::primary_outline("Back").href(back.as_str())])
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
|
@ -4,9 +4,12 @@
|
||||||
|
|
||||||
@(user: &User, uname_state: &UpdateUsernameState, pass_state: &UpdatePasswordState, logout: LogoutState)
|
@(user: &User, uname_state: &UpdateUsernameState, pass_state: &UpdatePasswordState, logout: LogoutState)
|
||||||
|
|
||||||
@:home(&format!("Account Settings for {}", user.username()), "Update account information", &Some(logout), {
|
@:home("Account Settings", "Update account information", &Some(logout), {
|
||||||
<script src="/toolkit/@button_js.name"></script>
|
<script src="/toolkit/@button_js.name"></script>
|
||||||
}, {
|
}, {
|
||||||
|
@:card(Card::full_width().classes(&["account-page"]), {
|
||||||
|
@:card_title({ Current Username: @user.username() })
|
||||||
|
})
|
||||||
@:update_username(Card::full_width().classes(&["account-page"]), uname_state)
|
@:update_username(Card::full_width().classes(&["account-page"]), uname_state)
|
||||||
@:update_password(Card::full_width().classes(&["account-page"]), pass_state)
|
@:update_password(Card::full_width().classes(&["account-page"]), pass_state)
|
||||||
@:card(Card::full_width().classes(&["account-page"]), {
|
@:card(Card::full_width().classes(&["account-page"]), {
|
||||||
|
|
Loading…
Reference in a new issue