mirror of
https://github.com/usetrmnl/byos_laravel.git
synced 2026-01-14 15:37:53 +00:00
add global styling class
This commit is contained in:
parent
0070c1bd38
commit
a4515b269d
5 changed files with 6 additions and 6 deletions
|
|
@ -15,7 +15,7 @@
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div class="flex flex-col gap-6">
|
<div class="flex flex-col gap-6">
|
||||||
<div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
|
<div class="styled-container">
|
||||||
<div class="px-10 py-8">{{ $slot }}</div>
|
<div class="px-10 py-8">{{ $slot }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@ new class extends Component {
|
||||||
@if($devices->isEmpty())
|
@if($devices->isEmpty())
|
||||||
<div class="flex flex-col gap-6">
|
<div class="flex flex-col gap-6">
|
||||||
<div
|
<div
|
||||||
class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
|
class="styled-container">
|
||||||
<div class="px-10 py-8">
|
<div class="px-10 py-8">
|
||||||
<h1 class="text-xl font-medium dark:text-zinc-200">Add your first device</h1>
|
<h1 class="text-xl font-medium dark:text-zinc-200">Add your first device</h1>
|
||||||
<flux:button href="{{ route('devices') }}" class="mt-4" icon="plus-circle" variant="primary"
|
<flux:button href="{{ route('devices') }}" class="mt-4" icon="plus-circle" variant="primary"
|
||||||
|
|
@ -30,7 +30,7 @@ new class extends Component {
|
||||||
@foreach($devices as $device)
|
@foreach($devices as $device)
|
||||||
<div class="flex flex-col gap-6">
|
<div class="flex flex-col gap-6">
|
||||||
<div
|
<div
|
||||||
class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
|
class="styled-container">
|
||||||
<div class="px-10 py-8">
|
<div class="px-10 py-8">
|
||||||
@php
|
@php
|
||||||
$current_image_uuid =$device->current_screen_image;
|
$current_image_uuid =$device->current_screen_image;
|
||||||
|
|
|
||||||
|
|
@ -309,7 +309,7 @@ new class extends Component {
|
||||||
<div class="bg-muted flex flex-col items-center justify-center gap-6 p-6 md:p-10">
|
<div class="bg-muted flex flex-col items-center justify-center gap-6 p-6 md:p-10">
|
||||||
<div class="flex flex-col gap-6">
|
<div class="flex flex-col gap-6">
|
||||||
<div
|
<div
|
||||||
class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
|
class="styled-container">
|
||||||
<div class="px-10 py-8">
|
<div class="px-10 py-8">
|
||||||
@php
|
@php
|
||||||
$current_image_uuid =$device->current_screen_image;
|
$current_image_uuid =$device->current_screen_image;
|
||||||
|
|
|
||||||
|
|
@ -332,7 +332,7 @@ new class extends Component {
|
||||||
@endforeach
|
@endforeach
|
||||||
|
|
||||||
@if($devices->isEmpty() || $devices->every(fn($device) => $device->playlists->isEmpty()))
|
@if($devices->isEmpty() || $devices->every(fn($device) => $device->playlists->isEmpty()))
|
||||||
<div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
|
<div class="styled-container">
|
||||||
<div class="px-10 py-8">
|
<div class="px-10 py-8">
|
||||||
<h1 class="text-xl font-medium dark:text-zinc-200">No playlists found</h1>
|
<h1 class="text-xl font-medium dark:text-zinc-200">No playlists found</h1>
|
||||||
<p class="text-sm dark:text-zinc-400 mt-2">Add playlists to your devices to see them here.</p>
|
<p class="text-sm dark:text-zinc-400 mt-2">Add playlists to your devices to see them here.</p>
|
||||||
|
|
|
||||||
|
|
@ -395,7 +395,7 @@ new class extends Component {
|
||||||
wire:key="plugin-{{ $plugin['id'] ?? $plugin['name'] ?? $index }}"
|
wire:key="plugin-{{ $plugin['id'] ?? $plugin['name'] ?? $index }}"
|
||||||
x-data="{ pluginName: {{ json_encode(strtolower($plugin['name'] ?? '')) }} }"
|
x-data="{ pluginName: {{ json_encode(strtolower($plugin['name'] ?? '')) }} }"
|
||||||
x-show="searchTerm.length <= 1 || pluginName.includes(searchTerm.toLowerCase())"
|
x-show="searchTerm.length <= 1 || pluginName.includes(searchTerm.toLowerCase())"
|
||||||
class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
|
class="styled-container">
|
||||||
<a href="{{ ($plugin['detail_view_route']) ? route($plugin['detail_view_route']) : route('plugins.recipe', ['plugin' => $plugin['id']]) }}"
|
<a href="{{ ($plugin['detail_view_route']) ? route($plugin['detail_view_route']) : route('plugins.recipe', ['plugin' => $plugin['id']]) }}"
|
||||||
class="block h-full">
|
class="block h-full">
|
||||||
<div class="flex items-center space-x-4 px-10 py-8 h-full">
|
<div class="flex items-center space-x-4 px-10 py-8 h-full">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue