Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Frontend #245

Open
Martzy303 opened this issue Feb 3, 2024 · 3 comments
Open

Frontend #245

Martzy303 opened this issue Feb 3, 2024 · 3 comments

Comments

@Martzy303
Copy link

Hi, is it planned for the Frontend to be converted into Laravel Blade or it will stay how it is?
@xiaomlove
Copy link
Owner

If someone can design a whole new set of UI, try it, otherwise leave it as is.

@Martzy303
Copy link
Author

Martzy303 commented Feb 3, 2024 •
edited
Loading

If someone can design a whole new set of UI, try it, otherwise leave it as is.

It's not be about how the UI looks and feels, personally I like the classic UI. Would be much easier to edit the layout if everything would be made into blade components using Tailwind, maybe even made responsive for mobile devices.
Also the code would look much better with routes well defined, not a file for each page like now.

@Martzy303
Copy link
Author

@xiaomlove What do you think about this approach?
It's just a draft, a lot to work on the mobile to do, dark mode colors are wrong, but just to have an idea about how it would look.

<body class="font-sans antialiased bg-bgLight dark:bg-gray-900">
    <div class="min-h-screen m-auto max-w-7xl px-6">
        @include('layouts.header')
        <div class="border">
            @include('layouts.navigation')
            <!-- Page Content -->
            <main class="pt-5 bg-fgLight">
                <div id="alerts">
                    @include('components.alerts')
                </div>
                {{ $slot }}
            </main>
        </div>
        @include('layouts.footer')
    </div>
</body>
NexusPHP-2024-02-05_06.33.24.mp4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@Martzy303 @xiaomlove