This commit is contained in:
Samuele Locatelli
2023-09-27 15:12:39 +02:00
6 changed files with 32 additions and 24 deletions
@@ -1,7 +1,7 @@
<button class="btn btn-link text-light" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTabMenu" aria-controls="offcanvasTabMenu">
<span class="fa fa-bars fa-lg"></span>
</button>
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasTabMenu" aria-labelledby="offcanvasTabMenuLabel">
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasTabMenu" aria-labelledby="offcanvasTabMenuLabel">
<div class="offcanvas-header bg-secondary text-light">
<div class="d-flex flex-row">
<div class="p-0">
+1
View File
@@ -18,6 +18,7 @@
<body>
<Routes />
<script src="_framework/blazor.web.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.js"></script>
</body>
</html>
@@ -1,20 +1,19 @@
@inherits LayoutComponentBase
<div class="page">
<div class="sidebar">
<NavMenu />
</div>
<main>
<div class="top-row px-4">
<a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
</div>
<article class="content px-4">
@Body
</article>
</main>
<div class="sidebar">
<NavMenu />
</div>
</div>
<div id="blazor-error-ui">
@@ -13,8 +13,8 @@ main {
}
.top-row {
background-color: #f7f7f7;
border-bottom: 1px solid #d6d5d5;
background-color: #05173d;
/*border-bottom: 1px solid #d6d5d5;*/
justify-content: flex-end;
height: 3.5rem;
display: flex;
@@ -27,14 +27,14 @@ main {
text-decoration: none;
}
.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
text-decoration: underline;
}
.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
text-decoration: underline;
}
.top-row ::deep a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}
.top-row ::deep a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 640.98px) {
.top-row:not(.auth) {
@@ -60,13 +60,15 @@ main {
height: 100vh;
position: sticky;
top: 0;
left: 100%;
}
}
.top-row {
position: sticky;
top: 0;
z-index: 1;
}
.top-row {
position: sticky;
top: 0;
z-index: 1;
}
.top-row.auth ::deep a:first-child {
flex: 1;
@@ -74,10 +76,9 @@ main {
width: 0;
}
.top-row, article {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
.top-row, article {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
#blazor-error-ui {
@@ -1,5 +1,5 @@
<div class="row w-100">
<div class="row w-100 slideMen">
<div class="col-4">
<MP_TAB.Client.Components.SlideMenu></MP_TAB.Client.Components.SlideMenu>
</div>
@@ -34,6 +34,13 @@
background-size: cover;
}
@media (min-width: 640.98px) {
.slideMen:not(.auth) {
display: none;
}
}
.bi-house-door-fill {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}