MeghdadFadaee/fluent-chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implement chat layout

Browse Source
This commit is contained in:
Meghdad Fadaee
2026-05-01 00:56:34 +03:30
parent cde71d5761
commit ff86141fd6
5 changed files with 36 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
resources/views/layouts/chat.blade.php Normal file
View File

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
<head>
@include('partials.head')
</head>
<body class="h-dvh overflow-hidden bg-zinc-100 text-zinc-950 antialiased dark:bg-zinc-950 dark:text-zinc-50">
<a
href="#chat-workspace"
class="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-50 focus:rounded-md focus:bg-white focus:px-3 focus:py-2 focus:text-sm focus:font-medium focus:text-zinc-950 focus:shadow-sm dark:focus:bg-zinc-900 dark:focus:text-white"
>
{{ __('Skip to chat') }}
</a>
<main id="chat-workspace" class="h-dvh p-0 sm:p-3 lg:p-4">
{{ $slot }}
</main>
@persist('toast')
<flux:toast.group>
<flux:toast />
</flux:toast.group>
@endpersist
@fluxScripts
</body>
</html>

2
resources/views/livewire/chat/chat-page.blade.php
View File

@@ -1,4 +1,4 @@
<section class="mx-auto flex h-[calc(100vh-5.5rem)] min-h-[620px] w-full max-w-[1600px] overflow-hidden rounded-lg border border-zinc-200 bg-white shadow-sm dark:border-zinc-700 dark:bg-zinc-950">
<section class="flex h-full min-h-0 w-full overflow-hidden border border-zinc-200 bg-white shadow-sm dark:border-zinc-800 dark:bg-zinc-950 sm:rounded-xl">
<aside
@class([
'h-full w-full shrink-0 border-zinc-200 bg-zinc-50/80 dark:border-zinc-800 dark:bg-zinc-900/70 md:flex md:w-[22rem] lg:w-96',