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

feat: preview polling url tabs

Browse source
This commit is contained in:
jerremyng 2026-01-08 19:18:30 +00:00
parent 043f683db7
commit dab9fc705d
2 changed files with 78 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

26
resources/css/app.css
View file

@ -72,3 +72,29 @@ select:focus[data-flux-control] {
/* \[:where(&)\]:size-4 {
@apply size-4;
} */
.tab-button {
@apply flex items-center gap-2 px-4 py-2 text-sm font-medium transition-all;
@apply rounded-t-lg border-t border-x border-transparent;
/* This makes the button sit slightly over the box border */
margin-bottom: -1px;
position: relative;
z-index: 1;
}
.tab-button.is-active {
@apply text-white border-zinc-700;
/* Z-index 10 ensures the bottom border of the tab hides the top border of the box */
z-index: 10;
border-bottom: 1px solid theme('colors.zinc.800');
}
.tab-button:not(.is-active) {
@apply text-zinc-500;
}
.tab-button:not(.is-active):hover {
@apply bg-zinc-700/50 text-zinc-300 border-zinc-700/50;
cursor: pointer;
}