Update UI styles in header, main, and menu components

This commit is contained in:
Rami Winestock
2023-12-19 16:26:02 +02:00
parent b105a2c3bf
commit cbf282ff18
4 changed files with 12 additions and 3 deletions

View File

@@ -1,4 +1,4 @@
<div class="container"> <div class="mx-3 mx-md-5" style="width: 95vw;">
<div class="d-flex"> <div class="d-flex">
<button class="navbar-toggler d-lg-none mr-2" type="button" data-toggle="collapse" data-target="#menu"> <button class="navbar-toggler d-lg-none mr-2" type="button" data-toggle="collapse" data-target="#menu">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>

View File

@@ -7,7 +7,7 @@
<!-- Menu View --> <!-- Menu View -->
</div> </div>
</div> </div>
<div class="my-3 my-md-5"> <div class="m-3 my-md-5">
<div id="app-content"> <div id="app-content">
<!-- App View --> <!-- App View -->
</div> </div>

View File

@@ -1,4 +1,4 @@
<div class="container"> <div class="mx-3 mx-md-5">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg order-lg-first"> <div class="col-lg order-lg-first">
<ul class="nav nav-tabs border-0 flex-column flex-lg-row"> <ul class="nav nav-tabs border-0 flex-column flex-lg-row">

View File

@@ -40,3 +40,12 @@ a:hover {
.col-login { .col-login {
max-width: 48rem; max-width: 48rem;
} }
.page {
width: fit-content;
min-width: 100%;
}
table.card-table thead th {
vertical-align: top;
}