Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Logins Theming, #463

Merged
merged 10 commits into from
Oct 2, 2023
Merged

Logins Theming, #463

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
0944eb6
Updated branch name
DarrachBarneveld Sep 28, 2023
6e76043
Added navbutton styles light and dark mode, global css class
DarrachBarneveld Oct 2, 2023
3d2322c
Inverted colour on logo image for light mode
DarrachBarneveld Oct 2, 2023
94c5558
Replaced toggle to render on un-auth navbar
DarrachBarneveld Oct 2, 2023
b3b6400
Minor style tweaks to themetoggle button
DarrachBarneveld Oct 2, 2023
4e4cd5d
Removed unnessary comments
DarrachBarneveld Oct 2, 2023
e70251b
Merge branch 'codu-code:develop' into navbar
DarrachBarneveld Oct 2, 2023
3c8d977
Update theme for login redirect page
DarrachBarneveld Oct 2, 2023
e3d561e
Added mobile logo white mode fill
DarrachBarneveld Oct 2, 2023
815bf2f
Removed bg from mobile nav notification
DarrachBarneveld Oct 2, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions components/Nav/Nav.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,10 +65,10 @@ const Nav = () => {
<span className="sr-only">Codú</span>
<svg className="h-8" viewBox="0 0 694 829" fill="none">
<path
className="fill-black dark:fill-white"
fillRule="evenodd"
clipRule="evenodd"
d="M674.287 736.808C600.91 796.992 508.826 829.601 413.972 828.992C299.426 828.992 201.794 788.584 121.077 707.77C40.3589 626.955 0 529.206 0 414.523C0 300.208 40.3589 202.624 121.077 121.773C201.794 40.9216 299.426 0.330605 413.972 0C512.007 0 600.504 32.3074 679.46 96.9223C684.376 101.861 688.203 107.777 690.696 114.287C693.189 120.797 694.292 127.758 693.934 134.722C694.032 142.18 692.628 149.582 689.807 156.486C687.101 162.973 683.157 168.869 678.194 173.843C673.163 178.876 667.174 182.848 660.583 185.524C650.668 189.611 639.776 190.709 629.246 188.682C618.716 186.656 609.006 181.594 601.311 174.119C575.29 153.479 545.988 137.367 514.631 126.456C482.257 115.271 448.218 109.682 413.972 109.926C373.998 109.875 334.407 117.721 297.466 133.013C260.526 148.305 226.961 170.744 198.695 199.043C170.429 227.343 148.018 260.948 132.744 297.933C117.47 334.918 109.634 374.557 109.684 414.578C109.684 499.066 139.183 570.918 198.18 630.133C251.394 683.086 322.202 714.596 397.119 718.66C472.037 722.724 545.831 699.06 604.448 652.173C613.944 645.823 625.113 642.447 636.533 642.475C643.828 642.424 651.05 643.927 657.721 646.883C664.132 649.742 669.998 653.694 675.057 658.565C680.128 663.517 684.185 669.413 687 675.922C689.92 682.706 691.4 690.024 691.348 697.411C691.282 704.787 689.739 712.074 686.808 718.842C683.878 725.609 679.62 731.719 674.287 736.808Z"
fill="white"
/>
</svg>
</Link>
Expand Down Expand Up @@ -203,7 +203,7 @@ const Nav = () => {
<Link
title="Notifications"
href="/notifications"
className="relative block mr-3 flex-shrink-0 rounded-md bg-black p-2 text-neutral-400 hover:text-neutral-300 hover:bg-neutral-900 focus:outline-none focus:ring-2 focus:ring-white focus:ring-inset"
className="relative block mr-3 flex-shrink-0 rounded-md p-2 text-neutral-400 hover:text-neutral-300 hover:bg-neutral-900 focus:outline-none focus:ring-2 focus:ring-white focus:ring-inset"
>
<span className="sr-only">View notifications</span>
{hasNotifications && (
Expand Down
3 changes: 2 additions & 1 deletion pages/get-started/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,13 +22,14 @@ const GetStarted: NextPage = () => {
<Image
src="/images/codu.png"
alt="Codú logo"
className="invert dark:invert-0"
height={60}
width={189}
/>
<span className="ml-2 -mb-2 text-base font-semibold">Beta</span>
</Link>
</div>
<h2 className="mt-6 text-center text-3xl font-extrabold text-white">
<h2 className="mt-6 text-center text-3xl font-extrabold text-neutral-900 dark:text-white">
Sign in or create your account
</h2>
<p className="mt-2 text-center text-base text-neutral-500">
Expand Down
Loading