Ricardo Carneiro
724983e96c
App.razor tinha <!DOCTYPE html> + blazor.web.js que conflitavam com blazor.photino.js do index.html. App.razor montado dentro de #app não pode ter wrapper HTML — simplificado para apenas <Routes />. - App.razor: remove HTML/head/body/blazor.web.js - index.html: adiciona Bootstrap, traduz para pt-BR, fix #blazor-error-ui - MainLayout.razor: remove link Semantic Kernel e #blazor-error-ui duplicado Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
34 lines
702 B
Plaintext
34 lines
702 B
Plaintext
@inherits LayoutComponentBase
|
|
|
|
<div class="page">
|
|
<div class="sidebar">
|
|
<NavMenu />
|
|
</div>
|
|
|
|
<main>
|
|
<article class="content px-4">
|
|
@Body
|
|
</article>
|
|
</main>
|
|
</div>
|
|
|
|
<style>
|
|
.page {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
main { flex: 1; }
|
|
|
|
.sidebar {
|
|
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
|
|
}
|
|
|
|
@@media (min-width: 641px) {
|
|
.page { flex-direction: row; }
|
|
.sidebar { width: 250px; height: 100vh; position: sticky; top: 0; }
|
|
article { padding-left: 2rem !important; padding-right: 1.5rem !important; }
|
|
}
|
|
</style>
|