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.
This commit is contained in:
@@ -1,10 +1,6 @@
|
||||
@inherits LayoutComponentBase
|
||||
|
||||
<div class="page">
|
||||
<div class="sidebar">
|
||||
<NavMenu />
|
||||
</div>
|
||||
|
||||
<main class="main-content">
|
||||
<article class="content">
|
||||
@Body
|
||||
@@ -70,55 +66,4 @@
|
||||
.top-row a:hover {
|
||||
color: #667eea;
|
||||
}
|
||||
|
||||
.content {
|
||||
flex: 1;
|
||||
padding: 24px;
|
||||
overflow-y: auto;
|
||||
background: #f5f5f5; /* Optional: for contrast */
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Responsive tweaks */
|
||||
@@media (max-width: 768px) {
|
||||
.sidebar
|
||||
|
||||
{
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
padding: 0 16px;
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@media (max-width: 480px) {
|
||||
.sidebar
|
||||
|
||||
{
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.top-row a {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user