diff --git a/src/components/tokens/TokenPacksModal.module.css b/src/components/tokens/TokenPacksModal.module.css index 93181d5..c9aa3be 100644 --- a/src/components/tokens/TokenPacksModal.module.css +++ b/src/components/tokens/TokenPacksModal.module.css @@ -7,7 +7,7 @@ background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; - align-items: center; + align-items: flex-start; z-index: 1000; } @@ -19,6 +19,7 @@ max-width: 400px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin: var(--spacing-medium); + margin-top: 15vh; max-height: 80vh; overflow-y: auto; position: relative; diff --git a/src/screens/Profile.module.css b/src/screens/Profile.module.css index e7fe8a6..ae4252c 100644 --- a/src/screens/Profile.module.css +++ b/src/screens/Profile.module.css @@ -62,6 +62,14 @@ .tokenPacks { margin-top: 12px; + padding: 0 8px; /* Добавить боковые отступы */ +} + +@supports (-webkit-touch-callout: none) { + /* Стили только для iOS устройств */ + .tokenPacks { + padding: 0 16px; /* Увеличенные отступы для iOS */ + } } @media (min-width: 768px) {