hide scrollbar for breadcrumb
This commit is contained in:
parent
4c7b27a886
commit
2b7b13a99f
|
@ -8,7 +8,7 @@ const Breadcrumb: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =>
|
|||
const { path } = query
|
||||
if (Array.isArray(path)) {
|
||||
return (
|
||||
<div className="pb-4 text-sm text-gray-600 dark:text-gray-300 flex overflow-x-scroll">
|
||||
<div className="pb-4 text-sm text-gray-600 dark:text-gray-300 flex overflow-x-scroll no-scrollbar">
|
||||
<div className="p-1 hover:text-black dark:hover:text-gray-400 transition-all duration-75 flex-shrink-0">
|
||||
<Link href="/">🚩 Home</Link>
|
||||
</div>
|
||||
|
|
|
@ -167,7 +167,7 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
|
|||
})
|
||||
|
||||
return (
|
||||
<div className="bg-white dark:bg-gray-900 dark:text-white shadow rounded">
|
||||
<div className="bg-white dark:bg-gray-900 dark:text-gray-100 shadow rounded">
|
||||
<div className="p-3 grid grid-cols-10 items-center space-x-2 border-b border-gray-200 dark:border-gray-700">
|
||||
<div className="col-span-10 md:col-span-7 font-bold">Name</div>
|
||||
<div className="hidden md:block font-bold col-span-2">Last Modified</div>
|
||||
|
|
|
@ -4,6 +4,20 @@
|
|||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer utilities {
|
||||
@variants responsive {
|
||||
/* Chrome, Safari and Opera */
|
||||
.no-scrollbar::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.no-scrollbar {
|
||||
-ms-overflow-style: none; /* IE and Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.react-pdf__Page__canvas {
|
||||
@apply mx-auto;
|
||||
@apply shadow-md;
|
||||
|
|
Loading…
Reference in a new issue