diff --git a/resources/css/plugin.css b/resources/css/plugin.css index 5c4e64d..d81de1a 100644 --- a/resources/css/plugin.css +++ b/resources/css/plugin.css @@ -2,7 +2,7 @@ @screen lg { .filament-sidebar { - @apply lg:!bg-white dark:lg:!bg-gray-900 !z-[2]; + @apply lg:!bg-gray-50 dark:lg:!bg-gray-900 !z-[2]; } } diff --git a/resources/dist/filament-sticky-header.css b/resources/dist/filament-sticky-header.css index eb78b56..f921698 100644 --- a/resources/dist/filament-sticky-header.css +++ b/resources/dist/filament-sticky-header.css @@ -1 +1 @@ -@media (min-width:1024px){.filament-sidebar{z-index:2!important}@media (min-width:1024px){.filament-sidebar{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}:is(.dark .filament-sidebar){--tw-bg-opacity:1!important;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))!important}}}.filament-main-content.is-sticky .filament-header{position:sticky;z-index:1;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@media (min-width:768px){.filament-main-content.is-sticky .filament-header{align-items:center}}.filament-main-content.is-sticky .filament-header .filament-header-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;line-height:1.75rem;line-height:1}.is-sticky.sticky-theme-default .filament-header{position:sticky;left:0;right:0;padding-top:.75rem;padding-bottom:.75rem}@media (min-width:768px){.is-sticky.sticky-theme-default .filament-header{left:-1.5rem;right:-1.5rem}}.is-sticky.sticky-theme-default .filament-header{z-index:1}.is-sticky.sticky-theme-default .filament-header:before{position:absolute;top:0;bottom:0;display:block;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgba(var(--gray-200),var(--tw-border-opacity));background-color:#fffffff2;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}:is(.dark .is-sticky.sticky-theme-default .filament-header):before{--tw-border-opacity:1;border-color:rgba(var(--gray-800),var(--tw-border-opacity));background-color:rgba(var(--gray-900),.95)}.is-sticky.sticky-theme-default .filament-header:before{content:"";z-index:-1;left:-1000px;right:-1000px}.is-sticky.sticky-theme-floating .filament-header{border-radius:.5rem;border-width:1px;border-color:rgba(var(--primary-200),.4);background-color:rgba(var(--gray-300),.4);padding:.75rem 1rem;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .is-sticky.sticky-theme-floating .filament-header){border-color:rgba(var(--gray-700),.4);background-color:#00000080}@media (min-width:1024px){.is-sticky.sticky-theme-floating .filament-header{margin-left:-1rem;margin-right:-1rem}}.is-sticky.sticky-theme-floating-colored .filament-header{border-radius:.5rem;border-width:1px;border-color:rgba(var(--primary-200),.4);background-color:rgba(var(--primary-500),.3);padding:.75rem 1rem;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .is-sticky.sticky-theme-floating-colored .filament-header){border-color:rgba(var(--primary-700),.4)}@media (min-width:1024px){.is-sticky.sticky-theme-floating-colored .filament-header{margin-left:-1rem;margin-right:-1rem}} \ No newline at end of file +@media (min-width:1024px){.filament-sidebar{z-index:2!important}@media (min-width:1024px){.filament-sidebar{--tw-bg-opacity:1!important;background-color:rgba(var(--gray-50),var(--tw-bg-opacity))!important}:is(.dark .filament-sidebar){--tw-bg-opacity:1!important;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))!important}}}.filament-main-content.is-sticky .filament-header{position:sticky;z-index:1;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@media (min-width:768px){.filament-main-content.is-sticky .filament-header{align-items:center}}.filament-main-content.is-sticky .filament-header .filament-header-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;line-height:1.75rem;line-height:1}.is-sticky.sticky-theme-default .filament-header{position:sticky;left:0;right:0;padding-top:.75rem;padding-bottom:.75rem}@media (min-width:768px){.is-sticky.sticky-theme-default .filament-header{left:-1.5rem;right:-1.5rem}}.is-sticky.sticky-theme-default .filament-header{z-index:1}.is-sticky.sticky-theme-default .filament-header:before{position:absolute;top:0;bottom:0;display:block;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgba(var(--gray-200),var(--tw-border-opacity));background-color:#fffffff2;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}:is(.dark .is-sticky.sticky-theme-default .filament-header):before{--tw-border-opacity:1;border-color:rgba(var(--gray-800),var(--tw-border-opacity));background-color:rgba(var(--gray-900),.95)}.is-sticky.sticky-theme-default .filament-header:before{content:"";z-index:-1;left:-1000px;right:-1000px}.is-sticky.sticky-theme-floating .filament-header{border-radius:.5rem;border-width:1px;border-color:rgba(var(--primary-200),.4);background-color:rgba(var(--gray-300),.4);padding:.75rem 1rem;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .is-sticky.sticky-theme-floating .filament-header){border-color:rgba(var(--gray-700),.4);background-color:#00000080}@media (min-width:1024px){.is-sticky.sticky-theme-floating .filament-header{margin-left:-1rem;margin-right:-1rem}}.is-sticky.sticky-theme-floating-colored .filament-header{border-radius:.5rem;border-width:1px;border-color:rgba(var(--primary-200),.4);background-color:rgba(var(--primary-500),.3);padding:.75rem 1rem;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:is(.dark .is-sticky.sticky-theme-floating-colored .filament-header){border-color:rgba(var(--primary-700),.4)}@media (min-width:1024px){.is-sticky.sticky-theme-floating-colored .filament-header{margin-left:-1rem;margin-right:-1rem}} \ No newline at end of file