sovonegr/neomovies
1
0
Fork 0
mirror of https://gitlab.com/foxixus/neomovies.git synced 2025-10-29 18:38:50 +05:00
Code Issues Packages Projects Releases Wiki Activity

Add categories

Browse Source
This commit is contained in:
Erno
2025-05-28 10:24:53 +00:00
parent 37764dce4d
commit f7f65c4e2c
12 changed files with 1104 additions and 339 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/GlassCard.tsx
View File

@@ -1,17 +1,33 @@
import styled from 'styled-components';
export const GlassCard = styled.div`
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(20px);
background: rgba(0, 0, 0, 0.65); /* Увеличили непрозрачность фона для лучшей читаемости */
/* Убираем тяжелый blur на мобильных устройствах */
@supports (backdrop-filter: blur(20px)) {
backdrop-filter: blur(20px);
background: rgba(0, 0, 0, 0.45);
}
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 3rem;
border-radius: 24px;
padding: 2.5rem;
border-radius: 16px; /* Уменьшили радиус для компактности */
width: 100%;
max-width: 500px;
box-shadow:
0 8px 32px 0 rgba(0, 0, 0, 0.3),
inset 0 0 0 1px rgba(255, 255, 255, 0.05);
margin: 0 auto;
overflow: hidden; /* Предотвращаем выход контента за пределы карточки */
@media (max-width: 640px) {
padding: 1.75rem 1.5rem;
border-radius: 12px;
}
@media (max-width: 480px) {
padding: 1.5rem 1.25rem;
margin: 0 0.5rem;
width: calc(100% - 1rem);
}
`;
export default GlassCard;