filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-12-26 02:24:44 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore(GlobalCarousel):

Browse Source 
- fix typo (trannslateX)

- remove width: 100% and height: 100%. When sitting an element's position to fixed, it will have those values by default
This commit is contained in:
Aminejv 2021-09-15 18:47:10 +01:00 committed by Martina
parent 958387a2bf
commit b410937fa3
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/system/components/GlobalCarousel.js
View File

@ -17,8 +17,6 @@ const STYLES_ROOT = css`
right: 0; right: 0;
bottom: 0; bottom: 0;
top: 0; top: 0;
width: 100%;
height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -26,9 +24,8 @@ const STYLES_ROOT = css`
z-index: ${Constants.zindex.modal}; z-index: ${Constants.zindex.modal};
background-color: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
${ // Note(Amine): we're using the blur filter to fix a weird backdrop-filter's bug in chrome
"" /* Note(Amine): we're using the blur filter to fix a weird backdrop-filter's bug in chrome */
}
filter: blur(0px); filter: blur(0px);
@supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) { @supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) {
-webkit-backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
@ -37,11 +34,11 @@ const STYLES_ROOT = css`
@keyframes global-carousel-fade-in { @keyframes global-carousel-fade-in {
from { from {
transform: translate(8px); transform: translateX(8px);
opacity: 0; opacity: 0;
} }
to { to {
transform: trannslateX(0px); transform: translateX(0px);
opacity: 1; opacity: 1;
} }
} }