dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-14 13:49:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix colors on dark mode mobile menu

Browse Source
This commit is contained in:
mildtomato committed 2020-12-03 10:06:27 +08:00
1 parent a4b7eda4ee
commit bd3d782df6
1 file changed
+12 -12
Download Patch File Download Diff File Expand all files Collapse all files
www/components/Nav/index.tsx
+12 -12
View File
@@ -63,7 +63,7 @@ const Nav = (props: Props) => {
<a
key={`solution_${idx}`}
href="#"
className="-m-3 p-3 flex flex-col justify-between rounded-lg hover:bg-gray-50 transition ease-in-out duration-150"
className="-m-3 p-3 my-2 flex flex-col justify-between rounded-lg hover:bg-gray-50 dark:hover:bg-dark-600 transition ease-in-out duration-150"
>
{content}
</a>
@@ -215,13 +215,13 @@ const Nav = (props: Props) => {
leaveFrom="opacity-100 translate-y-0"
leaveTo="opacity-0 translate-y-1"
>
<div className="p-4 md:p-8 h-full h-screen fixed bg-white transform lg:hidden overflow-y-scroll -inset-y-0 z-50 dark:bg-dark-400">
<div className="p-4 md:p-8 h-full h-screen fixed bg-white transform lg:hidden overflow-y-scroll -inset-y-0 z-50 dark:bg-dark-700">
<div className="absolute right-4 top-4 items-center justify-between">
<div className="-mr-2">
<button
onClick={() => setOpen(false)}
type="button"
className="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brand-500 dark:bg-dark-400"
className="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brand-500 dark:bg-dark-800"
>
<span className="sr-only">Close menu</span>
@@ -247,7 +247,7 @@ const Nav = (props: Props) => {
<div className="mt-6 mb-12">
<div className="pt-2 pb-4 space-y-1">
<a
href="#"
href="https://app.supabase.io?auth=signin"
className="block pl-3 pr-4 text-base font-medium text-gray-600 dark:text-white"
>
Sign in
@@ -255,26 +255,26 @@ const Nav = (props: Props) => {
</div>
<div className="pt-2 pb-4 space-y-1">
<a
href="#"
className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 dark:text-white"
href="https://supabase.io/docs"
className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 dark:hover:bg-dark-600 hover:border-gray-300 dark:text-white"
>
Product
</a>
<a
href="#"
className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 dark:text-white"
href="https://supabase.io/docs"
className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 dark:hover:bg-dark-600 hover:border-gray-300 dark:text-white"
>
Developers
</a>
<a
href="#"
className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 dark:text-white"
href="https://supabase.io/docs"
className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 dark:hover:bg-dark-600 hover:border-gray-300 dark:text-white"
>
Company
</a>
<a
href="#"
className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 dark:text-white"
href="https://supabase.io/pricing"
className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 dark:hover:bg-dark-600 hover:border-gray-300 dark:text-white"
>
Pricing
</a>