Filament•9mo ago

unable to adjust padding for livewire page that contains filament table

i have an existing panel for admin, and i am creating a livewire page that displays issues created for public. i am using the filament table inside.

4 Replies

black ka1serOP•9mo ago

<div class="wrapper w-full md:max-w-5xl mx-auto pt-6 px-6">
    <h1 class="text-xl font-medium">Issues</h1>
    <section class="pt-4">
        {{ $this->table }}
    </section>
</div>

<div class="wrapper w-full md:max-w-5xl mx-auto pt-6 px-6">
    <h1 class="text-xl font-medium">Issues</h1>
    <section class="pt-4">
        {{ $this->table }}
    </section>
</div>

im trying to adjust it to pt-20, but whenever i do so, it doesnt work (seems like being resetted to padding top 0. however when inspect its pt-20

black ka1serOP•9mo ago

pt-6

black ka1serOP•9mo ago

pt-20

black ka1serOP•9mo ago

i think it has something to do with my resources\views\components\layouts\app.blade.php?

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
 
        <meta name="application-name" content="{{ config('app.name') }}">
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <title>{{ config('app.name') }}</title>
 
        <style>
            [x-cloak] {
                display: none !important;
            }
        </style>
 
        @filamentStyles
        @vite('resources/css/app.css')
    </head>
 
    <body class="antialiased">
        {{ $slot }}
 
        @filamentScripts
        @vite('resources/js/app.js')
    </body>
</html>

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
 
        <meta name="application-name" content="{{ config('app.name') }}">
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <title>{{ config('app.name') }}</title>
 
        <style>
            [x-cloak] {
                display: none !important;
            }
        </style>
 
        @filamentStyles
        @vite('resources/css/app.css')
    </head>
 
    <body class="antialiased">
        {{ $slot }}
 
        @filamentScripts
        @vite('resources/js/app.js')
    </body>
</html>

my tailwind configs

import preset from './vendor/filament/support/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
}

import preset from './vendor/filament/support/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
}

if you need the repo, please let me know

Gaming

Programming

unable to adjust padding for livewire page that contains filament table