alternative tangled frontend (extremely wip)
2
fork

Configure Feed

Select the types of activity you want to include in your feed.

refactor: animation interaction styles

serenity 8da5ac25 0bd7ce93

+7 -7
+1 -1
src/components/Auth/SignIn.tsx
··· 98 98 label="Continue" 99 99 icon={loginIcon} 100 100 iconPosition="right" 101 - className="hover:bg-positive hover:text-crust hover:disabled:bg-surface1 hover:disabled:text-text bg-accent text-crust disabled:bg-surface1 disabled:text-text m-2 mt-6 mb-2 flex w-full cursor-pointer items-center justify-center gap-2 rounded-sm p-2 transition-all disabled:cursor-not-allowed" 101 + className="hover:bg-accent/90 hover:text-crust hover:disabled:bg-surface1 hover:disabled:text-text bg-accent text-crust disabled:bg-surface1 disabled:text-text m-2 mt-6 mb-2 flex w-full cursor-pointer items-center justify-center gap-2 rounded-sm p-2 transition-all disabled:cursor-not-allowed" 102 102 disabled={!isValidHandle} 103 103 labelClassName="" 104 104 iconClassName=""
+3 -3
src/components/Dropdown/DropdownModal.tsx
··· 34 34 <AnimatePresence> 35 35 {showDropdown && ( 36 36 <motion.div 37 - initial={{ opacity: 0, x: 8 }} 38 - animate={{ opacity: 1, x: 0 }} 39 - exit={{ opacity: 0, x: 8 }} 37 + initial={{ opacity: 0, y: -12 }} 38 + animate={{ opacity: 1, y: 0 }} 39 + exit={{ opacity: 0, y: -12 }} 40 40 transition={{ duration: 0.1, ease: "easeOut" }} 41 41 className={`absolute right-0 z-50 origin-top-right cursor-default shadow-xl ${className}`} 42 42 >
+1 -1
src/components/Nav/NavBarAuthed.tsx
··· 74 74 return ( 75 75 <DropdownModal 76 76 buttonComponent={AvatarButton} 77 - className="bg-surface0 mt-3.5 flex w-48 flex-col rounded-sm" 77 + className="bg-surface0 mt-1 flex w-48 flex-col rounded-sm" 78 78 > 79 79 <UnderlineIconRouterLink 80 80 to={`/${handle}`}
+1 -1
src/components/Nav/NavBarUnauthed.tsx
··· 24 24 iconClassName="text-crust" 25 25 labelClassName="text-crust" 26 26 underlineClassName="bg-crust" 27 - className="bg-accent rounded-sm p-1.5 pr-3 pl-3" 27 + className="bg-accent rounded-sm p-1.5 pr-3 pl-3 transition-all hover:bg-accent/90" 28 28 position="right" 29 29 iconTransitions={{ duration: 0.2, ease: "easeInOut" }} 30 30 iconVariants={{
+1 -1
src/routes/_layout/index.tsx
··· 75 75 iconClassName="text-crust" 76 76 labelClassName="text-crust" 77 77 underlineClassName="bg-crust" 78 - className="bg-accent rounded-sm p-1.5 pr-3 pl-3" 78 + className="bg-accent rounded-sm p-1.5 pr-3 pl-3 hover:bg-accent/90 transition-all" 79 79 position="right" 80 80 iconTransitions={{ duration: 0.2, ease: "easeInOut" }} 81 81 iconVariants={{