Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27: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 {
display: flex;
flex-direction: row;
align-items: center;
align-items: flex-start;
width: 25rem;
margin-bottom: 1rem;
overflow: visible;
@ -15,7 +15,7 @@
border-radius: var(--border-radius);
border: 0.4px solid var(--primary-accent-color);
backdrop-filter: blur(10px);
padding: 0.5rem 1rem;
padding: 1rem;
&.success {
.icon-container {
.icon {
@ -47,7 +47,7 @@
.info-container {
flex: 1;
align-self: stretch;
padding: 1rem;
padding: 0 1rem;
.title-container {
font-size: 1.2rem;
@ -68,14 +68,14 @@
.close-button-container {
width: 2rem;
height: 2rem;
margin: 0.2rem;
border-radius: 3px;
.icon {
display: block;
width: 100%;
height: 100%;
color: var(--overlay-color);
color: var(--primary-accent-color);
opacity: 0.3;
}
&:hover {