junior/lic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: layouts auth/default e componentes AppSidebar/AppTopbar

Browse Source
This commit is contained in:
Junior
2026-03-14 10:36:11 -03:00
parent a78b9eb314
commit 6554c34a13
5 changed files with 264 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
front-end/app/layouts/auth.vue Normal file
View File

@@ -0,0 +1,28 @@
<template>
<div class="auth-layout">
<div class="bg-circle bg-circle-1" />
<div class="bg-circle bg-circle-2" />
<slot />
</div>
</template>
<style scoped>
.auth-layout {
min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
position: relative;
overflow: hidden;
}
.bg-circle {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.05);
pointer-events: none;
}
.bg-circle-1 { width: 400px; height: 400px; top: -100px; right: -100px; }
.bg-circle-2 { width: 300px; height: 300px; bottom: -80px; left: -80px; }
</style>

23
front-end/app/layouts/default.vue Normal file
View File

@@ -0,0 +1,23 @@
<template>
<div class="app-layout">
<AppSidebar />
<div class="app-main">
<slot />
</div>
</div>
</template>
<style scoped>
.app-layout {
display: flex;
min-height: 100vh;
background: #f1f5f9;
}
.app-main {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
min-width: 0;
}
</style>