diff --git a/src/lib/providers/prime-preset/tokens/components/galleria.ts b/src/lib/providers/prime-preset/tokens/components/galleria.ts index 952b3f20..be2d0c8c 100644 --- a/src/lib/providers/prime-preset/tokens/components/galleria.ts +++ b/src/lib/providers/prime-preset/tokens/components/galleria.ts @@ -1,16 +1,22 @@ export const galleriaCss = ({ dt }: { dt: (token: string) => string }): string => ` - /* ─── Подпись к изображению ─── */ - .p-galleria .p-galleria-caption { - background: ${dt('galleria.caption.background')}; - padding: ${dt('dimension.space.200')}; - } +.p-galleria .p-galleria-caption { + background: ${dt('galleria.caption.background')}; + padding: ${dt('dimension.space.200')}; +} - /* ─── Кнопки навигации в полноэкранном режиме ─── */ - .p-galleria-mask.p-overlay-mask .p-galleria-nav-button { - top: 0%; - } +.p-galleria-thumbnails-content { + background: ${dt('galleria.thumbnailContent.background')}; +} - .p-galleria-mask.p-overlay-mask .p-galleria-items .p-galleria-nav-button { - top: 50%; - } +.p-galleria-mask.p-overlay-mask { + background: ${dt('galleria.extend.backdrop')}; +} + +.p-galleria-mask.p-overlay-mask .p-galleria-nav-button { + top: 0; +} + +.p-galleria-mask.p-overlay-mask .p-galleria-items .p-galleria-nav-button { + top: 50%; +} `;