Andreas Reinhold / reiniandClaude Opus 5
b5c5be1fd7
Plan step 35: <x-list-detail>, following the reference's visible-panes table row by row - one pane below expanded, the detail replacing the list with a back button once something is selected; from 840px the list a fixed 360px (412px from 1200px) beside the detail, 24px apart. The selection binds with wire:model or x-model; below expanded focus moves to the detail and back() returns it to the item (resources/js/layout.js). Grid columns mirror in RTL, and the back arrow turns with them. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
33 lines
897 B
JavaScript
33 lines
897 B
JavaScript
/*
|
|
* Livewire Material — imported once from the application's app.js:
|
|
*
|
|
* import '../../vendor/nonameweb/livewire-material/resources/js/material.js'
|
|
*
|
|
* Alpine ships with Livewire, so these only register onto it (on `alpine:init`). A module
|
|
* script runs before Livewire starts Alpine, and wire:navigate keeps it rather than running
|
|
* it again, so nothing registers twice.
|
|
*/
|
|
import './theme.js'
|
|
import './figure.js'
|
|
import './tooltip.js'
|
|
import './menu.js'
|
|
import './fab.js'
|
|
import './snackbar.js'
|
|
import './rich-tooltip.js'
|
|
import './progress.js'
|
|
import './list-rows.js'
|
|
import './bottom-sheet.js'
|
|
import './dialog.js'
|
|
import './carousel.js'
|
|
import './chips.js'
|
|
import './field.js'
|
|
import './search.js'
|
|
import './datepicker.js'
|
|
import './timepicker.js'
|
|
import './slider.js'
|
|
import './tabs.js'
|
|
import './app-bar.js'
|
|
import './navigation.js'
|
|
import './toolbar.js'
|
|
import './layout.js'
|