mkrieger/byos_laravel
1
0
Fork 0
mirror of https://github.com/usetrmnl/byos_laravel.git synced 2026-01-14 07:27:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix light mode styling and remove transitions

Browse source
This commit is contained in:
jerremyng 2026-01-10 06:44:01 +00:00
parent c4480690a3
commit 0070c1bd38
2 changed files with 33 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

22
resources/css/app.css
View file

@ -73,9 +73,16 @@ select:focus[data-flux-control] {
@apply size-4; @apply size-4;
} */ } */
@layer components {
/* standard container for app */
.styled-container,
.tab-button { .tab-button {
@apply flex items-center gap-2 px-4 py-2 text-sm font-medium transition-all; @apply rounded-xl border bg-white dark:bg-stone-950 dark:border-zinc-700 text-stone-800 shadow-xs;
@apply rounded-t-lg border-t border-x border-transparent; }
.tab-button {
@apply flex items-center gap-2 px-4 py-2 text-sm font-medium;
@apply rounded-b-none shadow-none bg-inherit;
/* This makes the button sit slightly over the box border */ /* This makes the button sit slightly over the box border */
margin-bottom: -1px; margin-bottom: -1px;
@ -84,17 +91,20 @@ select:focus[data-flux-control] {
} }
.tab-button.is-active { .tab-button.is-active {
@apply text-white border-zinc-700; @apply text-zinc-700 dark:text-zinc-300;
@apply border-b-white dark:border-b-zinc-800;
/* Z-index 10 ensures the bottom border of the tab hides the top border of the box */ /* Z-index 10 ensures the bottom border of the tab hides the top border of the box */
z-index: 10; z-index: 10;
border-bottom: 1px solid theme('colors.zinc.800');
} }
.tab-button:not(.is-active) { .tab-button:not(.is-active) {
@apply text-zinc-500; @apply text-zinc-500 border-transparent;
} }
.tab-button:not(.is-active):hover { .tab-button:not(.is-active):hover {
@apply bg-zinc-700/50 text-zinc-300 border-zinc-700/50; @apply text-zinc-700 dark:text-zinc-300;
@apply border-zinc-300 dark:border-zinc-700;
cursor: pointer; cursor: pointer;
} }
}

6
resources/views/livewire/plugins/recipe.blade.php
View file

@ -766,8 +766,8 @@ HTML;
</button> </button>
</div> </div>
<div class="flex-col p-4 border border-zinc-700 rounded-b-xl rounded-tr-xl shadow-2xl"> <div class="flex-col p-4 bg-transparent rounded-tl-none styled-container">
<div x-show="subTab === 'settings'" x-transition:enter.opacity.duration.150ms> <div x-show="subTab === 'settings'">
<flux:field> <flux:field>
<flux:description>Enter the URL(s) to poll for data:</flux:description> <flux:description>Enter the URL(s) to poll for data:</flux:description>
<flux:textarea <flux:textarea
@ -781,7 +781,7 @@ HTML;
</flux:field> </flux:field>
</div> </div>
<div x-show="subTab === 'preview'" x-cloak x-transition:enter.opacity.duration.150ms> <div x-show="subTab === 'preview'" x-cloak>
<flux:field> <flux:field>
<flux:description>Preview computed URLs here (readonly):</flux:description> <flux:description>Preview computed URLs here (readonly):</flux:description>
<flux:textarea <flux:textarea