itlxrd/kspguti-schedule
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: исправление мобильной версии и улучшение UX

Browse Source 
- Исправлена мобильная версия: добавлена горизонтальная прокрутка навигации,
  оптимизированы отступы и размеры элементов для touch-интерфейсов
- Устранено зависание на мобильных: удален бесконечный цикл в date-serializer.ts
- Улучшена читаемость: сделаны светлее описание пар, дни недели и текст
  последнего обновления (текущий день остается выделенным)
- Добавлена автоматическая прокрутка до текущего дня при загрузке страницы
- Добавлено отображение 'Пары нет' для отмененных пар при замене
- Оптимизированы скрипты установки: добавлена проверка зависимостей перед
  установкой для ускорения повторных запусков
- Исправлено отображение адреса и аудитории на мобильных устройствах
- Улучшены диалоги и touch-цели для мобильных устройств
This commit is contained in:
kilyabin
2025-11-23 00:13:51 +04:00
parent 66bc7136a3
commit 808d577964
16 changed files with 307 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/[group].tsx
View File

@@ -26,23 +26,17 @@ export default function HomePage(props: NextSerialized<PageProps>) {
const { schedule, group, cacheAvailableFor, parsedAt } = nextDeserialized<PageProps>(props)
React.useEffect(() => {
if (typeof window !== 'undefined') {
if ('scrollRestoration' in history) {
history.scrollRestoration = 'manual'
}
const interval = setInterval(async () => {
const today = getDayOfWeek(new Date())
const todayBlock = document.getElementById(today)
if (todayBlock) {
const GAP = 48
const HEADER_HEIGHT = 64
window.scrollTo({ top: todayBlock.offsetTop - GAP - HEADER_HEIGHT })
clearInterval(interval)
}
await new Promise(resolve => setTimeout(resolve, 100))
})
if (typeof window === 'undefined') return
// Используем 'auto' для нормальной работы обновления страницы
if ('scrollRestoration' in history) {
history.scrollRestoration = 'auto'
}
}, [schedule])
// Отключаем автоматическую прокрутку на мобильных, чтобы избежать зависаний
// Пользователь может прокрутить страницу вручную
// Автоматическая прокрутка может блокировать рендеринг и вызывать зависания
}, [])
return (
<>

22
src/pages/_app.tsx
View File

@@ -1,16 +1,22 @@
import '@/shared/styles/globals.css'
import type { AppProps } from 'next/app'
import { ThemeProvider } from '@/shared/providers/theme-provider'
import Head from 'next/head'
export default function App({ Component, pageProps }: AppProps) {
return (
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
<Component {...pageProps} />
</ThemeProvider>
<>
<Head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" />
</Head>
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
<Component {...pageProps} />
</ThemeProvider>
</>
)
}