diff --git a/resources/css/plugin.css b/resources/css/plugin.css index 307e5c7..a6ee851 100644 --- a/resources/css/plugin.css +++ b/resources/css/plugin.css @@ -12,6 +12,10 @@ .fi-header .fi-header-heading { @apply pb-2 text-xl overflow-ellipsis whitespace-nowrap overflow-hidden leading-none; } + + .fi-header > .flex { + @apply md:!mt-0; + } } .is-sticky.sticky-theme-default { diff --git a/resources/dist/filament-sticky-header.css b/resources/dist/filament-sticky-header.css index af40334..3fc27b6 100644 --- a/resources/dist/filament-sticky-header.css +++ b/resources/dist/filament-sticky-header.css @@ -1 +1 @@ -@media (min-width:1024px){.fi-sidebar{z-index:3!important}@media (min-width:1024px){.fi-sidebar{background-color:rgba(var(--gray-50),var(--tw-bg-opacity))!important}.fi-sidebar,:is(.dark .fi-sidebar){--tw-bg-opacity:1!important}:is(.dark .fi-sidebar){background-color:rgba(var(--gray-950),var(--tw-bg-opacity))!important}}}.fi-main.is-sticky .fi-header{position:sticky;z-index:2;--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){.fi-main.is-sticky .fi-header{align-items:center}}.fi-main.is-sticky .fi-header .fi-header-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;line-height:1}.is-sticky.sticky-theme-default .fi-header{position:sticky;left:0;right:0;padding-top:.75rem;padding-bottom:.75rem}@media (min-width:768px){.is-sticky.sticky-theme-default .fi-header{left:-1.5rem;right:-1.5rem}}.is-sticky.sticky-theme-default .fi-header{z-index:2}.is-sticky.sticky-theme-default .fi-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 .fi-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 .fi-header:before{content:"";z-index:-1;left:-1000px;right:-1000px}.is-sticky.sticky-theme-floating .fi-header{border-radius:.5rem;border-width:1px;border-color:rgba(var(--gray-950),.05);background-color:#fffc;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 .fi-header){border-color:#fff3;background-color:#000000b3}@media (min-width:1024px){.is-sticky.sticky-theme-floating .fi-header{margin-left:-1rem;margin-right:-1rem}}.is-sticky.sticky-theme-floating-colored .fi-header{border-radius:.5rem;border-width:1px;border-color:rgba(var(--primary-200),.4);background-color:rgba(var(--primary-500),.8);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 .fi-header){border-color:rgba(var(--primary-700),.4)}@media (min-width:1024px){.is-sticky.sticky-theme-floating-colored .fi-header{margin-left:-1rem;margin-right:-1rem}}.is-sticky.sticky-theme-floating-colored .fi-header .fi-header-heading{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.is-sticky.sticky-theme-floating-colored .fi-header .fi-breadcrumbs a{--tw-text-opacity:1;color:rgba(var(--primary-100),var(--tw-text-opacity))}.is-sticky.sticky-theme-floating-colored .fi-header .fi-breadcrumbs a:focus,.is-sticky.sticky-theme-floating-colored .fi-header .fi-breadcrumbs a:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.is-sticky.sticky-theme-floating-colored .fi-header .fi-breadcrumbs svg{--tw-text-opacity:1;color:rgba(var(--primary-200),var(--tw-text-opacity))}:is(.dark .is-sticky.sticky-theme-floating-colored .fi-header .fi-breadcrumbs svg){--tw-text-opacity:1;color:rgba(var(--primary-300),var(--tw-text-opacity))} \ No newline at end of file +@media (min-width:1024px){.fi-sidebar{z-index:3!important}@media (min-width:1024px){.fi-sidebar{background-color:rgba(var(--gray-50),var(--tw-bg-opacity))!important}.fi-sidebar,:is(.dark .fi-sidebar){--tw-bg-opacity:1!important}:is(.dark .fi-sidebar){background-color:rgba(var(--gray-950),var(--tw-bg-opacity))!important}}}.fi-main.is-sticky .fi-header{position:sticky;z-index:2;--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){.fi-main.is-sticky .fi-header{align-items:center}}.fi-main.is-sticky .fi-header .fi-header-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;line-height:1}@media (min-width:768px){.fi-main.is-sticky .fi-header>.flex{margin-top:0!important}}.is-sticky.sticky-theme-default .fi-header{position:sticky;left:0;right:0;padding-top:.75rem;padding-bottom:.75rem}@media (min-width:768px){.is-sticky.sticky-theme-default .fi-header{left:-1.5rem;right:-1.5rem}}.is-sticky.sticky-theme-default .fi-header{z-index:2}.is-sticky.sticky-theme-default .fi-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 .fi-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 .fi-header:before{content:"";z-index:-1;left:-1000px;right:-1000px}.is-sticky.sticky-theme-floating .fi-header{border-radius:.5rem;border-width:1px;border-color:rgba(var(--gray-950),.05);background-color:#fffc;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 .fi-header){border-color:#fff3;background-color:#000000b3}@media (min-width:1024px){.is-sticky.sticky-theme-floating .fi-header{margin-left:-1rem;margin-right:-1rem}}.is-sticky.sticky-theme-floating-colored .fi-header{border-radius:.5rem;border-width:1px;border-color:rgba(var(--primary-200),.4);background-color:rgba(var(--primary-500),.8);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 .fi-header){border-color:rgba(var(--primary-700),.4)}@media (min-width:1024px){.is-sticky.sticky-theme-floating-colored .fi-header{margin-left:-1rem;margin-right:-1rem}}.is-sticky.sticky-theme-floating-colored .fi-header .fi-header-heading{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.is-sticky.sticky-theme-floating-colored .fi-header .fi-breadcrumbs a{--tw-text-opacity:1;color:rgba(var(--primary-100),var(--tw-text-opacity))}.is-sticky.sticky-theme-floating-colored .fi-header .fi-breadcrumbs a:focus,.is-sticky.sticky-theme-floating-colored .fi-header .fi-breadcrumbs a:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.is-sticky.sticky-theme-floating-colored .fi-header .fi-breadcrumbs svg{--tw-text-opacity:1;color:rgba(var(--primary-200),var(--tw-text-opacity))}:is(.dark .is-sticky.sticky-theme-floating-colored .fi-header .fi-breadcrumbs svg){--tw-text-opacity:1;color:rgba(var(--primary-300),var(--tw-text-opacity))} \ No newline at end of file