Crash_Override/FreeDATA
1
0
Fork 0
mirror of https://github.com/DJ2LS/FreeDATA synced 2024-05-14 10:04:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

possible layout fix for smaller screens

Browse source
This commit is contained in:
DJ2LS 2024-02-07 20:37:43 +01:00
parent 1371cadc02
commit 9e617b2da5
2 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
gui/src/components/main.vue
View file

@ -39,7 +39,7 @@ import { getFreedataMessages } from "../js/api";
<div class="container-fluid">
<div class="row">
<div class="col-sm-auto bg-body-secondary border-end">
<div class="col-1 p-0 bg-body-secondary border-end">
<div
class="d-flex flex-sm-column flex-row flex-nowrap align-items-center sticky-top"
>
@ -117,7 +117,7 @@ import { getFreedataMessages } from "../js/api";
</div>
</div>
</div>
<div class="col-sm min-vh-100 m-0 p-0">
<div class="col-11 min-vh-100 m-0 p-0">
<!-- content -->
<!-- TODO: Remove the top navbar entirely if not needed

22
gui/src/components/main_footer_navbar.vue
View file

@ -8,12 +8,20 @@ const state = useStateStore(pinia);
</script>
<template>
<nav
<div class="container-fluid">
<div class="row">
<div class="col-1">
123
</div>
<div class="col-11">
<nav
class="navbar fixed-bottom navbar-expand-xl bg-body-tertiary border-top p-2"
style="margin-left: 87px"
>
<div class="col">
<div class="btn-toolbar" role="toolbar" style="margin-left: 2px">
<div class="btn-toolbar" role="toolbar">
<div class="btn-group btn-group-sm me-1" role="group">
<button
class="btn btn-sm btn-secondary me-1"
@ -259,5 +267,11 @@ const state = useStateStore(pinia);
</div>
</div>
</nav>
</div>
</div>
</div>
</template>
ww