From 64a3bedde18b710ee383ee0f0211345436321cd7 Mon Sep 17 00:00:00 2001 From: Jason Zhu Date: Thu, 18 May 2023 23:37:54 +1000 Subject: [PATCH] Prettier *.css files --- .../InfoDialogComponent.css | 4 +- src/components/Loading/Loading.css | 66 +++++++++---------- 2 files changed, 35 insertions(+), 35 deletions(-) diff --git a/src/components/InfoDialogComponent/InfoDialogComponent.css b/src/components/InfoDialogComponent/InfoDialogComponent.css index 8b7326d..369bc46 100644 --- a/src/components/InfoDialogComponent/InfoDialogComponent.css +++ b/src/components/InfoDialogComponent/InfoDialogComponent.css @@ -22,8 +22,8 @@ html[data-theme='dark'] { } @font-face { - font-family: 'VT323'; - src: url('assets/fonts/VT323-Regular.ttf'); + font-family: 'VT323'; + src: url('assets/fonts/VT323-Regular.ttf'); } .info__container { diff --git a/src/components/Loading/Loading.css b/src/components/Loading/Loading.css index b4cfa17..51ef357 100644 --- a/src/components/Loading/Loading.css +++ b/src/components/Loading/Loading.css @@ -1,48 +1,48 @@ @font-face { - font-family: 'Press Start 2P'; - src: url('assets/fonts/PressStart2P-Regular.ttf') format('truetype'); + font-family: 'Press Start 2P'; + src: url('assets/fonts/PressStart2P-Regular.ttf') format('truetype'); } .app__container { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 100vh; } -.app__container .loading__text{ - font-family: 'Press Start 2P', cursive; - color: var(--colorPrimary); +.app__container .loading__text { + font-family: 'Press Start 2P', cursive; + color: var(--colorPrimary); } -.app__container .loading__text{ - font-family: 'Press Start 2P', cursive; - color: var(--colorPrimary); +.app__container .loading__text { + font-family: 'Press Start 2P', cursive; + color: var(--colorPrimary); } .loading__gif { - width: 15%; + width: 15%; } @media screen and (max-width: 767px) { - .loading__gif { - width: 35%; - } - .poke__logo { - width: 35vw; - } - .filter__container { - display: flex; - flex-direction: column; - width: 100vw; - align-items: center; - margin: 7vh 0 5vh 0; - gap: 2vh 2vw; - justify-content: center; - } - select, .filter__items>input{ - width: 40vw; - } - + .loading__gif { + width: 35%; + } + .poke__logo { + width: 35vw; + } + .filter__container { + display: flex; + flex-direction: column; + width: 100vw; + align-items: center; + margin: 7vh 0 5vh 0; + gap: 2vh 2vw; + justify-content: center; + } + select, + .filter__items > input { + width: 40vw; + } }