mrwyndham
/
fastpocket
1
2
Fork 3
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

bugfix - minor style changes

This commit is contained in:
James Wyndham 2024-02-21 16:18:16 +08:00
parent 72932f3d50
commit 66d2e17d41
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Frontend/components/Header.tsx
View File

@ -24,9 +24,9 @@ function Header({ isUserLoggedIn }: HeaderProps) {
<Navigation isUserLoggedIn={isUserLoggedIn} /> <Navigation isUserLoggedIn={isUserLoggedIn} />
{/* Desktop navigation */} {/* Desktop navigation */}
<nav className=" md:flex md:grow"> <nav className=" md:flex">
{/* Desktop sign in links */} {/* Desktop sign in links */}
<div className="flex flex-row grow items-center pr-2 gap-x-2"> <div className="flex flex-row grow sm:grow-0 items-center pr-2 gap-x-2">
{/* <button {/* <button
className="btn btn-primary" className="btn btn-primary"
onClick={() => setTheme("dark")} onClick={() => setTheme("dark")}
@ -51,7 +51,7 @@ function Header({ isUserLoggedIn }: HeaderProps) {
{/* sun icon */} {/* sun icon */}
<svg <svg
className="swap-on fill-base-content w-6 h-6" className="swap-on fill-base-content w-6 h-6 z-10"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
@ -60,7 +60,7 @@ function Header({ isUserLoggedIn }: HeaderProps) {
{/* moon icon */} {/* moon icon */}
<svg <svg
className="swap-off fill-base-content w-6 h-6" className="swap-off fill-base-content w-6 h-6 z-1"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >

10
Frontend/components/Navigation.tsx
View File

@ -11,21 +11,21 @@ function Navigation({ isUserLoggedIn }: { isUserLoggedIn: boolean }) {
checked ? setChecked(!checked) : setChecked(checked); checked ? setChecked(!checked) : setChecked(checked);
}; };
return ( return (
<div className="drawer"> <div className="drawer max-w-fit">
<input <input
id="my-drawer-3" id="my-drawer-3"
type="checkbox" type="checkbox"
className="drawer-toggle " className="drawer-toggle "
checked={checked} checked={checked}
/> />
<div className="drawer-content flex flex-col"> <div className="drawer-content flex flex-col max-w-fit sm:max-w-full sm:w-full">
{/* Navbar */} {/* Navbar */}
<div className="w-full navbar"> <div className="flex-grow navbar ">
<div className="flex-none lg:hidden"> <div className="flex-none lg:hidden">
<label htmlFor="my-drawer-3"> <label htmlFor="my-drawer-3">
<Menu <Menu
size={36} size={36}
className="self-center w-full h-full cursor-pointer fill-primary" className="self-center flex-grow h-full cursor-pointer fill-primary"
/> />
</label> </label>
</div> </div>
@ -67,7 +67,7 @@ function Navigation({ isUserLoggedIn }: { isUserLoggedIn: boolean }) {
</div> </div>
{/* Page content here */} {/* Page content here */}
</div> </div>
<div className="drawer-side"> <div className="drawer-side z-20">
<label htmlFor="my-drawer-3" className="drawer-overlay"></label> <label htmlFor="my-drawer-3" className="drawer-overlay"></label>
<ul className="menu w-80 h-full bg-base-100 text-base-content"> <ul className="menu w-80 h-full bg-base-100 text-base-content">