FACEIT BANNER / DOCS
Nowy układ banera
Układ to kombinacja presetu, renderu w widżecie i stylów. Poniższa lista pokrywa wszystko, co trzeba zmienić, żeby układ pojawił się w generatorze, widżecie i dokumentacji.
Kroki
- widget/src/styles/styles.ts: dodaj identyfikator do listy styles (modernOnly: true) i preset do broadcastPresets z szerokością i wysokością. Flagi: animated (znaczek ANIM), versus (tryb VERSUS), square (zawsze 1:1).
- src/settings/definition.ts: dodaj <id>Accent oraz, jeśli układ ma poświatę levelu, <id>LevelGlow i <id>LevelGlowStrength. Dodatkowe opcje układu dodaj tak samo.
- widget/src/widget/Widget.tsx: dodaj gałąź renderu (renderSoloExtra, renderVersus lub własną) i dopisz identyfikator do list takich jak isSoloExtra.
- Style: nowy plik .less lub sekcja z selektorem .wrapper.banner-design-2026[data-layout='id'], motyw .id-theme:extend(.normal-theme all) i import w Widget.tsx.
- src/translations/*.json: klucze style.<id> i style.<id>.description we wszystkich trzech językach.
- src/components/PresetThumb.tsx: dodaj rysunek miniatury do obiektu DRAWINGS.
- src/components/PresetSettings.tsx: dopisz układ do listy wyjątków, jeśli nie ma opcji „Miejsce rankingu".
- pnpm docs: dokumentacja wylicza układy, rozmiary i limity z presetów.
Zasady, które warto znać
- Tryb VERSUS działa tylko z wyglądem 2026, a układy VERSUS filtruje flaga versus.
- Rozmiar z presetu jest rozmiarem Zalecanym, a limity wynikają z mnożników 0,4 i 2,5 (banner_size.ts).
- Animacje powinny respektować prefers-reduced-motion.
- Elementy z poświatą potrzebują overflow: visible, inaczej poświata zostanie ucięta.
Zaktualizowano: