usite-sas-bic/sirpremiumv2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor navigation layout and improve UI styles

Browse Source 
Reworked the sidebar navigation in navigation.blade.php to use a modern aside element with improved styling, transitions, and responsive menu items. Updated app.blade.php to simplify layout structure and move Alpine.js script. Adjusted font sizes in ver-entrada.blade.php for better responsiveness. Minor whitespace and formatting improvements in nav.blade.php.
This commit is contained in:
Juan Felipe Duarte
2025-09-22 13:23:49 -05:00
parent 75bffed0bb
commit 2a5c655d1e
6 changed files with 488 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/layouts/app.blade.php
+14 -19
View File
@@ -6,45 +6,40 @@
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="description" content="Obtén acceso ilimitado a tus programas y películas favoritas con nuestras cuentas de streaming premium. Descubre las mejores opciones en plataformas populares como Netflix, HBO y Disney+ a precios asequibles. Compra ahora y disfruta de tu contenido favorito en cualquier momento y en cualquier lugar con nuestras cuentas de streaming.">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<title>{{ config('app.name', 'Laravel') }}</title>
<!-- Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
<link rel="stylesheet" type="text/css" href="/css/estilos.css" media="screen" />
<!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
@livewireStyles
</head>
<body class="font-[Poppins] antialiased h-screen " style="{font-family: poppins,sans-serif;}">
<div class="min-h-screen bg-gray-100 "
<body class="font-[Poppins] antialiased h-screen" style="{font-family: poppins,sans-serif;}" x-data="{ openAside: false }">
<div class="min-h-screen bg-gray-100"
>
@include('layouts.navigationup')
<div class="w-full flex left-0 bottom-0 fixed top-[72px] py-2 overflow-auto" >
<div class=" fixed z-10 h-full" >
@include('layouts.navigation')
</div>
<div class="w-full flex left-0 bottom-0 fixed top-[72px] py-2 overflow-auto">
@include('layouts.navigation')
<!-- Page Content -->
<main class=" w-10/12 md:w-full ml-16 mr-1 sm:mr-8 sm:ml-16 " >
<main class="w-full">
{{ $slot }}
</main>
</div>
</div>
</div>
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
@livewireScripts
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<x-livewire-alert::scripts />
<script src="{{ asset('vendor/livewire-alert/livewire-alert.js') }}"></script>
<script src="{{ asset('vendor/livewire-alert/livewire-alert.js') }}"></script>
<x-livewire-alert::flash />
</body>
</html>