Files
IKnowThem/MovieActorLookup/Components/Layout/MainLayout.razor
T
mmcghen 5c062a4d79 Remove sidebar navigation and floating elements
Deleted NavMenu component and its styles, removed sidebar layout from MainLayout, and cleaned up related CSS. The Home page was simplified by removing floating icons and animation effects. This streamlines the UI and focuses on main content presentation.
2025-08-25 19:33:52 -04:00

70 lines
1.4 KiB
Plaintext

@inherits LayoutComponentBase
<div class="page">
<main class="main-content">
<article class="content">
@Body
</article>
</main>
</div>
<div id="blazor-error-ui">
An unhandled error has occurred.
<a href="" class="reload">Reload</a>
<a class="dismiss">🗙</a>
</div>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.page {
display: flex;
height: 100vh;
overflow: hidden;
}
.sidebar {
width: 250px;
background: #ffffff;
border-right: 1px solid rgba(0, 0, 0, 0.06);
position: relative;
z-index: 100;
}
.main-content {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
width: 100%;
}
.top-row {
background: rgba(255, 255, 255, 0.95);
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
display: flex;
justify-content: flex-end;
align-items: center;
height: 3.5rem;
padding: 0 24px;
}
.top-row a {
color: #6c757d;
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: color 0.2s ease;
}
.top-row a:hover {
color: #667eea;
}
</style>