Bloom Comments - Answer Overflow

<x-filament-panels::page>
    <div class="lg:flex">
        <div class="w-full lg:w-1/2 p-4">
            <x-filament::section>
                <x-filament-panels::form wire:submit="save">
                    {{ $this->form }}
                    <x-filament-panels::form.actions
                        :actions="$this->getFormActions()"
                    />
                </x-filament-panels::form>
            </x-filament::section>
            <div class="pt-2">
                    {{ $this->table }}
            </div>
        </div>
            <div class="w-full lg:w-1/2 p-4">
                <x-filament::section>
                <div class="relative overflow-x-auto">
                    <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
                        <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
                            <tr>
                                <th scope="col" class="px-6 py-3 text-lg">
                                    Total
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
                                <th scope="row" class="px-6 py-4 text-lg text-red-500 whitespace-nowrap">
                                    Rs. {{$this->total}} /-
                                </th>
                                <th>
                                    {{$this->checkout}}
                                </th>
                            </tr>
                        </tbody>
                    </table>
                </div>

                </x-filament::section>
            </div>
    </div>
    <x-filament-actions::modals />
</x-filament-panels::page>

<x-filament-panels::page>
    <div class="lg:flex">
        <div class="w-full lg:w-1/2 p-4">
            <x-filament::section>
                <x-filament-panels::form wire:submit="save">
                    {{ $this->form }}
                    <x-filament-panels::form.actions
                        :actions="$this->getFormActions()"
                    />
                </x-filament-panels::form>
            </x-filament::section>
            <div class="pt-2">
                    {{ $this->table }}
            </div>
        </div>
            <div class="w-full lg:w-1/2 p-4">
                <x-filament::section>
                <div class="relative overflow-x-auto">
                    <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
                        <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
                            <tr>
                                <th scope="col" class="px-6 py-3 text-lg">
                                    Total
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
                                <th scope="row" class="px-6 py-4 text-lg text-red-500 whitespace-nowrap">
                                    Rs. {{$this->total}} /-
                                </th>
                                <th>
                                    {{$this->checkout}}
                                </th>
                            </tr>
                        </tbody>
                    </table>
                </div>

                </x-filament::section>
            </div>
    </div>
    <x-filament-actions::modals />
</x-filament-panels::page>

6 replies

FFilament

•Created by Bloom on 7/9/2024 in #❓┊help

Autofocus after submitting form

Below is my blade file

6 replies

FFilament

•Created by Bloom on 6/12/2024 in #❓┊help

Changing Navbar Color

Thanks for yor response

17 replies

FFilament

•Created by Bloom on 6/12/2024 in #❓┊help

Changing Navbar Color

Yes some rules were overlapping i guess, i can finally fix it

17 replies

FFilament

•Created by Bloom on 6/12/2024 in #❓┊help

Changing Navbar Color

.fi-sidebar-item .fi-sidebar-item-button .fi-sidebar-item-label  {
    @apply text-white
}

.fi-sidebar-item .fi-sidebar-item-button:hover .fi-sidebar-item-label {
    @apply text-primary-900;
}

.fi-sidebar-item-active .fi-sidebar-item-label {
    @apply text-primary-900 !important;
}

.fi-sidebar-item .fi-sidebar-item-button .fi-sidebar-item-label  {
    @apply text-white
}

.fi-sidebar-item .fi-sidebar-item-button:hover .fi-sidebar-item-label {
    @apply text-primary-900;
}

.fi-sidebar-item-active .fi-sidebar-item-label {
    @apply text-primary-900 !important;
}

17 replies

FFilament

•Created by Bloom on 6/12/2024 in #❓┊help

Changing Navbar Color

Customization is so weird

17 replies

FFilament

•Created by Bloom on 6/12/2024 in #❓┊help

Changing Navbar Color

when i target label instead of button i can achieve almost similar to what i want but text color only changed when i hover that text area only

17 replies

FFilament

•Created by Bloom on 6/12/2024 in #❓┊help

Changing Navbar Color

.fi .fi-sidebar
{
    background-color: #27374D;
}

.fi-sidebar-item-active .fi-sidebar-item-label {
    @apply text-primary-900;
}

.fi-sidebar-item-label {
    @apply text-white
}

.fi-sidebar-item-label:hover {
    @apply text-primary-900;
}

.fi .fi-sidebar
{
    background-color: #27374D;
}

.fi-sidebar-item-active .fi-sidebar-item-label {
    @apply text-primary-900;
}

.fi-sidebar-item-label {
    @apply text-white
}

.fi-sidebar-item-label:hover {
    @apply text-primary-900;
}

17 replies

FFilament

•Created by Bloom on 6/12/2024 in #❓┊help

Changing Navbar Color

Still no change with .fi-sidebar-item-button

17 replies

FFilament

•Created by Bloom on 6/12/2024 in #❓┊help

Changing Navbar Color

.fi-sidebar-item-button:hover{
    @apply text-primary-900
}

.fi-sidebar-item-button:hover{
    @apply text-primary-900
}

Not working...

17 replies

FFilament

•Created by Bloom on 6/12/2024 in #❓┊help

Changing Navbar Color

When i make hover on item-label it works

.fi-sidebar-item-label
{
    @apply hover:text-primary-900
}

.fi-sidebar-item-label
{
    @apply hover:text-primary-900
}

17 replies

FFilament

•Created by Bloom on 6/12/2024 in #❓┊help

Changing Navbar Color

That works fine,. Can you help me change the font color when hover as well

.fi-sidebar-item .fi-sidebar-item-button{
    @apply hover:text-primary-900
}

.fi-sidebar-item .fi-sidebar-item-button{
    @apply hover:text-primary-900
}

17 replies

FFilament

•Created by Bloom on 6/10/2024 in #❓┊help

Resource not in sidebar

Thank you for your response

19 replies

FFilament

•Created by Bloom on 6/10/2024 in #❓┊help

Resource not in sidebar

I can see it on another system, I am using homestead and that might caused some other problems, it was not the filament problem i supposed.

19 replies

FFilament

•Created by Bloom on 6/10/2024 in #❓┊help

Resource not in sidebar

Theme made using php artisan make:filament-theme, i don't really think that is the problem but its the only change i made to app

19 replies

Gaming

Programming