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

3
app/Providers/AppServiceProvider.php
View File

@@ -3,6 +3,7 @@
namespace App\Providers; namespace App\Providers;
use Illuminate\Support\ServiceProvider; use Illuminate\Support\ServiceProvider;
use Illuminate\Pagination\Paginator;
class AppServiceProvider extends ServiceProvider class AppServiceProvider extends ServiceProvider
{ {
@@ -19,6 +20,6 @@ class AppServiceProvider extends ServiceProvider
*/ */
public function boot(): void public function boot(): void
{ {
// Paginator::useBootstrapFive();
} }
} }

13
resources/css/app.scss
View File

@@ -253,6 +253,13 @@ $warning-dark: #d9a406;
a { a {
color: $primary; color: $primary;
letter-spacing: 0.05em;
.brand-text {
font-family: 'Outfit', 'Inter', sans-serif;
color: #fff;
text-transform: uppercase;
}
} }
} }
@@ -422,3 +429,9 @@ $warning-dark: #d9a406;
border-color: $success; 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 charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name', 'DSIGEST') }}</title> <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']) @vite(['resources/css/app.scss', 'resources/js/app.js'])
</head> </head>
<body> <body>
@@ -11,8 +14,13 @@
<!-- Sidebar --> <!-- Sidebar -->
<nav class="sidebar"> <nav class="sidebar">
<div class="sidebar-brand"> <div class="sidebar-brand">
<a class="text-decoration-none" href="{{ route('dashboard') }}"> <a class="text-decoration-none d-flex align-items-center" href="{{ route('dashboard') }}">
<i class="bi bi-grid-fill me-2"></i> {{ config('app.name', 'DSIGEST') }} <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> </a>
</div> </div>