DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): calendar sidebar redesign (#464)

Browse Source 
* feat: update calendar sidebar, footer, and header with Figma design

* chore: run lint

* feat: update header with Figma design

* chore: run lint

* chore: remove unused vars

* chore: fix types

* fix: adjust sidebar minimum width

* fix: update LogoIcon layout to ensure text is always displayed

* feat: add spacing constants

* fix: add sidebar styling with spacing system and sticky header

* fix: update spacing constants to use rem units

* refactor: replace padding with spacing system and colors with UTRP theme

* refactor: rename ImportantLinks to ResourceLinks

* refactor: simplify CalendarHeader button component by using icon prop

* feat: add sidebar open and close transition

* refactor: rename unused var

* fix: update social icon color

* feat: improve layout and spacing in calendar components

* refactor: remove unused GearSix icon and options handler

* feat: update calendar components with new icons and improved spacing

* fix: correct class name

* refactor: organize social links into array and update link styling

* refactor: remove unused import

* fix: adjust gap spacing in radio button

* fix: update divider component to use theme offwhite1

* fix: increase size of outward arrow icon

* feat: add getSpacingInPx function to convert rem to pixels

* fix: update gap spacing in CalendarSchedules component to use spacing system

* fix: rollback footer social icons to original icons

* fix: update Calendar styles to use theme offwhite1 and adjust padding to account for scrollbar

* fix: update LargeLogo component to use gap-spacing-3

* fix: update button variants to 'minimal' and adjust styles for consistency

* fix: adjust padding in Calendar component for better layout consistency

* fix: increase size of arrow icon

* fix: add shrink-0 to radio buttons
This commit is contained in:
Ethan
2025-01-19 18:34:20 -06:00
committed by GitHub
parent 52347fd56d
commit 843cb5b443
11 changed files with 267 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/components/common/ScheduleListItem.tsx
View File

@@ -92,23 +92,27 @@ export default function ScheduleListItem({ schedule, dragHandleProps, onClick }:
};
return (
<div className='rounded bg-white'>
<li className='w-full flex cursor-pointer items-center text-ut-burntorange'>
<div className='h-full cursor-move focusable' {...dragHandleProps}>
<div className='h-7.5 rounded bg-white'>
<li className='h-full w-full flex cursor-pointer items-center gap-[1px] text-ut-burntorange'>
<div className='flex cursor-move items-center justify-center focusable' {...dragHandleProps}>
<DotsSixVertical
weight='bold'
className='h-6 w-6 cursor-move text-zinc-300 btn-transition -ml-1.5 hover:text-zinc-400'
/>
</div>
<div className='group relative flex flex-1 items-center overflow-x-hidden'>
<div
className='group/circle flex flex-grow items-center gap-1.5 overflow-x-hidden'
className='group/circle flex flex-grow items-center gap-spacing-3 overflow-x-hidden'
onClick={(...e) => !isEditing && onClick?.(...e)}
>
{isActive ? (
<RadioButton className='h-7.5 w-7.5 btn-transition active:scale-95' weight='fill' />
<RadioButton
className='h-7.5 w-7.5 shrink-0 btn-transition active:scale-95'
weight='fill'
/>
) : (
<Circle className='h-7.5 w-7.5 btn-transition active:scale-95' />
<Circle className='h-7.5 w-7.5 shrink-0 btn-transition active:scale-95' />
)}
{isEditing && (
<Text