feat(web): improve filters nav mobile (#272)

fix(components/Debug): added overflow handling for smaller screens (or for long lines)
feat(settings/SidebarNav): shortened vertical padding from 24px to 8px
fix(filters/FilterDetails): fixed FilterDetails component to behave properly with mobile devices and made it consistent with the desktop UI
chore: cleaned up unnecessary code

Co-authored-by: anonymous <anonymous>
This commit is contained in:
stacksmash76 2022-05-15 14:07:28 +02:00 committed by GitHub
parent 2c46993264
commit 7f06a4c707
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 13 additions and 55 deletions

View file

@ -10,8 +10,10 @@ const DEBUG: FC<DebugProps> = ({ values }) => {
}
return (
<div className="w-full p-2 flex flex-col mt-12 mb-12 bg-gray-100 dark:bg-gray-900">
<pre className="dark:text-gray-400">{JSON.stringify(values, 0 as any, 2)}</pre>
<div className="w-full p-2 flex flex-col mt-6 bg-gray-100 dark:bg-gray-900">
<pre className="overflow-x-auto dark:text-gray-400">
{JSON.stringify(values, undefined, 2)}
</pre>
</div>
);
};