Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 11:42:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: changed the alignment of items in a toast

Browse source
This commit is contained in:
kKaskak 2024-01-30 13:41:57 +02:00
parent 2b4851685e
commit 18db30de9f
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/common/Toast/ToastItem/styles.less
View file

@ -5,7 +5,7 @@
.toast-item-container { .toast-item-container {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: flex-start;
width: 25rem; width: 25rem;
margin-bottom: 1rem; margin-bottom: 1rem;
overflow: visible; overflow: visible;
@ -15,7 +15,7 @@
border-radius: var(--border-radius); border-radius: var(--border-radius);
border: 0.4px solid var(--primary-accent-color); border: 0.4px solid var(--primary-accent-color);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
padding: 0.5rem 1rem; padding: 1rem;
&.success { &.success {
.icon-container { .icon-container {
.icon { .icon {
@ -47,7 +47,7 @@
.info-container { .info-container {
flex: 1; flex: 1;
align-self: stretch; align-self: stretch;
padding: 1rem; padding: 0 1rem;
.title-container { .title-container {
font-size: 1.2rem; font-size: 1.2rem;
@ -68,14 +68,14 @@
.close-button-container { .close-button-container {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
margin: 0.2rem;
border-radius: 3px; border-radius: 3px;
.icon { .icon {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
color: var(--overlay-color); color: var(--primary-accent-color);
opacity: 0.3;
} }
&:hover { &:hover {