refactor(ui): touch up menu/back button coloring to look better on background images

This commit is contained in:
sct
2021-05-20 18:59:26 +09:00
parent 11aa712eb0
commit 97d016d889

View File

@@ -69,8 +69,8 @@ const Layout: React.FC = ({ children }) => {
}} }}
> >
<button <button
className={`px-4 ${ className={`px-4 text-white ${
isScrolled ? 'text-gray-200' : 'text-gray-400' isScrolled ? 'opacity-90' : 'opacity-70'
} focus:outline-none md:hidden transition duration-300`} } focus:outline-none md:hidden transition duration-300`}
aria-label="Open sidebar" aria-label="Open sidebar"
onClick={() => setSidebarOpen(true)} onClick={() => setSidebarOpen(true)}
@@ -79,15 +79,15 @@ const Layout: React.FC = ({ children }) => {
</button> </button>
<div className="flex items-center justify-between flex-1 pr-4 md:pr-4 md:pl-4"> <div className="flex items-center justify-between flex-1 pr-4 md:pr-4 md:pl-4">
<button <button
className={`mr-2 ${ className={`mr-2 text-white ${
isScrolled ? 'text-gray-200' : 'text-gray-400' isScrolled ? 'opacity-90' : 'opacity-70'
} transition duration-300 hover:text-white pwa-only focus:outline-none focus:text-white`} } transition duration-300 hover:text-white pwa-only focus:outline-none focus:text-white`}
onClick={() => router.back()} onClick={() => router.back()}
> >
<ArrowLeftIcon className="w-7" /> <ArrowLeftIcon className="w-7" />
</button> </button>
<SearchInput /> <SearchInput />
<div className="flex items-center ml-2"> <div className="flex items-center">
<UserDropdown /> <UserDropdown />
</div> </div>
</div> </div>