fix: firefox browser scrollbar issue (#3201)

This commit is contained in:
Anwarul Islam
2023-08-01 13:50:17 +06:00
committed by GitHub
parent 5a516f7242
commit 8bb1d19c07
2 changed files with 6 additions and 1 deletions

View File

@@ -133,7 +133,10 @@ declare module '@vue/runtime-core' {
IconLucideLayers: typeof import('~icons/lucide/layers')['default']
IconLucideListEnd: typeof import('~icons/lucide/list-end')['default']
IconLucideMinus: typeof import('~icons/lucide/minus')['default']
<<<<<<< HEAD
IconLucideRss: typeof import('~icons/lucide/rss')['default']
=======
>>>>>>> 6db825779 (fix: firefox browser scrollbar issue)
IconLucideSearch: typeof import('~icons/lucide/search')['default']
IconLucideUsers: typeof import('~icons/lucide/users')['default']
LensesHeadersRenderer: typeof import('./components/lenses/HeadersRenderer.vue')['default']

View File

@@ -4,7 +4,7 @@
class="relative sticky top-0 z-10 flex-shrink-0 overflow-x-auto divide-x divide-dividerLight bg-primaryLight tabs group-tabs"
>
<div
class="flex flex-1 flex-shrink-0 w-0 overflow-x-auto"
class="flex flex-1 flex-shrink-0 w-0 overflow-hidden"
ref="scrollContainer"
>
<div
@@ -455,6 +455,7 @@ $slider-height: 4px;
@apply min-w-0;
@apply bg-dividerDark;
@apply hover:bg-secondaryLight;
@apply active:bg-secondaryLight;
width: var(--thumb-width);
height: $slider-height;
@@ -465,6 +466,7 @@ $slider-height: 4px;
@apply min-w-0;
@apply bg-dividerDark;
@apply hover:bg-secondaryLight;
@apply active:bg-secondaryLight;
width: var(--thumb-width);
height: $slider-height;