jeremy/BRISTO
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement base dark theme layout with custom Bootstrap styling, sidebar, and timeline component.

Browse Source
This commit is contained in:
jeremy bayse
2026-02-14 13:30:37 +01:00
parent 1f9d2f7875
commit 48aa3ccc2e
3 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
resources/css/app.scss
View File

@@ -253,6 +253,13 @@ $warning-dark: #d9a406;
a {
color: $primary;
letter-spacing: 0.05em;
.brand-text {
font-family: 'Outfit', 'Inter', sans-serif;
color: #fff;
text-transform: uppercase;
}
}
}
@@ -421,4 +428,10 @@ $warning-dark: #d9a406;
&.normal .timeline-dot {
border-color: $success;
}
}
// Fix for oversized pagination icons
.pagination svg {
width: 1.25rem;
height: 1.25rem;
}

12
resources/views/layouts/app.blade.php
View File

@@ -4,6 +4,9 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name', 'DSIGEST') }}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
@vite(['resources/css/app.scss', 'resources/js/app.js'])
</head>
<body>
@@ -11,8 +14,13 @@
<!-- Sidebar -->
<nav class="sidebar">
<div class="sidebar-brand">
<a class="text-decoration-none" href="{{ route('dashboard') }}">
<i class="bi bi-grid-fill me-2"></i> {{ config('app.name', 'DSIGEST') }}
<a class="text-decoration-none d-flex align-items-center" href="{{ route('dashboard') }}">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="me-2">
<path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="#727cf5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2 17L12 22L22 17" stroke="#727cf5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2 12L12 17L22 12" stroke="#727cf5" stroke-opacity="0.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="brand-text">BRISTO</span>
</a>
</div>