TelegramPWA/src/components/modals/stars/transaction/StarsTransactionModal.module.scss
Alexander Zinchuk 1dc29627bd Gifts Modal: Implement extended gift options (#5017)
Co-authored-by: Alexander Zinchuk <alx.zinchuk@gmail.com>
Co-authored-by: zubiden <19638254+zubiden@users.noreply.github.com>
2024-11-02 21:11:10 +04:00

97 lines
1.4 KiB
SCSS

@use "../../../../styles/mixins";
.modal {
z-index: calc(var(--z-modal-low-priority) + 1);
}
.positive {
color: var(--color-success);
}
.negative {
color: var(--color-error);
}
.header {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
margin-bottom: 1rem;
position: relative;
}
.starsHeader {
gap: normal;
}
.amount {
display: flex;
gap: 0.25rem;
font-size: 1rem;
font-weight: 500;
line-height: 1.325;
}
.title, .description, .amount {
margin-bottom: 0;
}
.tid {
font-family: var(--font-family-monospace);
font-size: 0.875rem;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
@include mixins.gradient-border-right(3rem, 1rem);
}
.description {
text-align: center;
}
.footer {
text-align: center;
margin-block: 0.5rem;
color: var(--color-text-secondary);
font-size: 0.875rem;
}
.starsBackground {
position: absolute;
height: 8rem;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.copyIcon {
position: absolute;
right: 0.25rem;
top: 50%;
transform: translateY(-50%);
margin-inline-start: 0.25rem;
color: var(--color-primary);
pointer-events: none;
}
.mediaPreview {
margin-block: 1.5rem 1rem;
cursor: var(--custom-cursor, pointer);
}
.subtitle {
text-align: center;
margin-top: 1rem;
}
.starGiftSticker {
height: 150px;
width: 150px;
position: relative;
}