SESP/sgse-app
2
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor: clean up Svelte components and improve code readability

Browse Source 
- Refactored multiple Svelte components to enhance code clarity and maintainability.
- Standardized formatting and indentation across various files for consistency.
- Improved error handling messages in the AprovarAusencias component for better user feedback.
- Updated class names in the UI components to align with the new design system.
- Removed unnecessary whitespace and comments to streamline the codebase.
This commit is contained in:
killer-cf
2025-11-08 10:11:40 -03:00
parent 28107b4050
commit 01138b3e1c
24 changed files with 4655 additions and 1927 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
apps/web/src/routes/(dashboard)/secretaria-executiva/+page.svelte
View File

@@ -43,12 +43,14 @@
<!-- Menu de Opções -->
<div class="space-y-8">
{#each menuItems as categoria}
<div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300">
<div
class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300"
>
<div class="card-body">
<!-- Cabeçalho da Categoria -->
<div class="flex items-start gap-6 mb-6">
<div class="p-4 {categoria.bgIcon} rounded-2xl">
<div class="{categoria.accentColor}">
<div class={categoria.accentColor}>
{@html categoria.icon}
</div>
</div>
@@ -65,12 +67,16 @@
{#each categoria.opcoes as opcao}
<a
href={opcao.href}
class="group relative overflow-hidden rounded-xl border-2 border-base-300 bg-gradient-to-br {categoria.gradient} p-6 hover:border-primary hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1"
class="group relative overflow-hidden rounded-xl border-2 border-base-300 bg-linear-to-br {categoria.gradient} p-6 hover:border-primary hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1"
>
<div class="flex flex-col h-full">
<div class="flex items-start justify-between mb-4">
<div class="p-3 bg-base-100 rounded-lg group-hover:bg-primary group-hover:text-white transition-colors duration-300">
<div class="{categoria.accentColor} group-hover:text-white">
<div
class="p-3 bg-base-100 rounded-lg group-hover:bg-primary group-hover:text-white transition-colors duration-300"
>
<div
class="{categoria.accentColor} group-hover:text-white"
>
{@html opcao.icon}
</div>
</div>
@@ -81,10 +87,17 @@
viewBox="0 0 24 24"
stroke="currentColor"
>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M9 5l7 7-7 7"
/>
</svg>
</div>
<h3 class="text-lg font-bold text-base-content mb-2 group-hover:text-primary transition-colors duration-300">
<h3
class="text-lg font-bold text-base-content mb-2 group-hover:text-primary transition-colors duration-300"
>
{opcao.nome}
</h3>
<p class="text-sm text-base-content/70 flex-1">
@@ -117,7 +130,9 @@
<div>
<h3 class="font-bold">Precisa de ajuda?</h3>
<div class="text-sm">
Entre em contato com o suporte técnico ou consulte a documentação do sistema para mais informações sobre as funcionalidades da Secretaria Executiva.
Entre em contato com o suporte técnico ou consulte a documentação do
sistema para mais informações sobre as funcionalidades da Secretaria
Executiva.
</div>
</div>
</div>