feat(ui): improve lesson cards and theme button, optimize dependency checks
UI Improvements: - Highlight classroom number in lesson cards using Badge component * Applied to both mobile and desktop views * Improved visual distinction for classroom information - Fix theme switcher button layout on mobile * Add "Тема" text label inside the button (visible on all devices) * Remove redundant absolute positioned span below button * Fix text overflow issues on mobile devices * Improve button isolation to prevent text escaping Performance Optimization: - Optimize dependency installation check in deployment scripts * Replace timestamp-based check with content hash comparison * Use MD5 hash of package.json and lock files to detect real changes * Save hash after successful installation for future comparisons * Significantly reduce unnecessary npm install runs during updates * Add .dependencies.hash to .gitignore Files changed: - src/widgets/schedule/lesson.tsx - Added Badge for classroom - src/features/theme-switch/index.tsx - Added text label to button - src/widgets/navbar/index.tsx - Improved button container structure - src/pages/index.tsx - Removed redundant theme label span - scripts/manage.sh - Optimized dependency check logic - scripts/install.sh - Optimized dependency check logic - .gitignore - Added .dependencies.hash exclusion
This commit is contained in:
@@ -55,10 +55,11 @@ export function NavBar({ cacheAvailableFor, groups }: {
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className='flex gap-1 min-[500px]:gap-2 flex-shrink-0'>
|
||||
<Link href={GITHUB_REPO_URL} target='_blank' rel='nofollower noreferrer'>
|
||||
<Button variant='outline' size='icon' className="min-w-[44px] min-h-[44px] md:min-w-0 md:min-h-0" tabIndex={-1}>
|
||||
<div className='flex gap-1 min-[500px]:gap-2 flex-shrink-0 items-center flex-nowrap'>
|
||||
<Link href={GITHUB_REPO_URL} target='_blank' rel='nofollower noreferrer' className="flex-shrink-0">
|
||||
<Button variant='outline' size='icon' className="min-w-[44px] min-h-[44px] md:min-w-0 md:min-h-0 flex-shrink-0" tabIndex={-1}>
|
||||
<FaGithub />
|
||||
<span className="sr-only">GitHub</span>
|
||||
</Button>
|
||||
</Link>
|
||||
<ThemeSwitcher />
|
||||
|
||||
@@ -126,7 +126,10 @@ export function Lesson({ lesson, width = 350, animationDelay }: {
|
||||
{!isCancelled && ('place' in lesson && lesson.place) && (
|
||||
<div className='flex flex-col text-muted-foreground text-xs break-words mt-3 md:hidden'>
|
||||
<span className='flex items-center gap-2'><BsFillGeoAltFill /> <span className="break-words">{lesson.place.address}</span></span>
|
||||
<span className='font-bold flex items-center gap-2'><RiGroup2Fill /> {lesson.place.classroom}</span>
|
||||
<span className='flex items-center gap-2 mt-1'>
|
||||
<RiGroup2Fill />
|
||||
<Badge variant="outline" className="font-bold text-xs">{lesson.place.classroom}</Badge>
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
</CardContent>
|
||||
@@ -135,7 +138,10 @@ export function Lesson({ lesson, width = 350, animationDelay }: {
|
||||
{('place' in lesson && lesson.place) ? (
|
||||
<div className='hidden md:flex flex-col text-muted-foreground text-xs break-words'>
|
||||
<span className='flex items-center gap-2'><BsFillGeoAltFill /> <span className="break-words">{lesson.place.address}</span></span>
|
||||
<span className='font-bold flex items-center gap-2'><RiGroup2Fill /> {lesson.place.classroom}</span>
|
||||
<span className='flex items-center gap-2 mt-1'>
|
||||
<RiGroup2Fill />
|
||||
<Badge variant="outline" className="font-bold text-xs">{lesson.place.classroom}</Badge>
|
||||
</span>
|
||||
</div>
|
||||
) : <span />}
|
||||
{Boolean(lesson.resources.length) && (
|
||||
|
||||
Reference in New Issue
Block a user