TelegramPWA/src/components/modals/common/TableAboutModal.module.scss
Alexander Zinchuk 3491a3b63b Emoji Status: Support EmojiStatusCollectible (#5547)
Co-authored-by: Alexander Zinchuk <alx.zinchuk@gmail.com>
2025-02-13 14:28:01 +01:00

46 lines
813 B
SCSS

.root :global(.modal-dialog) {
width: 26.25rem;
overflow: hidden;
}
.title, .description {
text-align: center !important;
text-wrap: pretty;
padding-inline: 1.5rem;
}
.secondary {
color: var(--color-text-secondary);
}
.topIcon {
--premium-gradient: linear-gradient(88.39deg, #6C93FF -2.56%, #976FFF 51.27%, #DF69D1 107.39%);
display: grid;
place-items: center;
flex-shrink: 0;
border-radius: 50%;
background: var(--premium-gradient);
font-size: 4rem;
color: white;
width: 6rem;
height: 6rem;
margin-bottom: 1rem;
}
.listItemIcon {
color: var(--accent-color) !important;
}
.content {
display: flex;
flex-direction: column;
align-items: center;
overflow-x: hidden;
}
.separator {
margin-block: 1rem;
width: calc(100% + 2rem); // Hack to cover modal paddings
}