@@ -427,7 +450,7 @@ const ListItem = ({
{rank}
- {diffRank && diffRank > 0 && (
+ {diffRank && diffRank !== 0 && (
0 ? ranking_up_svg : ranking_down_svg}
diff --git a/public/background_main.svg b/public/background_main.svg
index e521477..295e92e 100644
--- a/public/background_main.svg
+++ b/public/background_main.svg
@@ -6,38 +6,6 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -46,14 +14,5 @@
-
-
-
-
-
-
-
-
-
diff --git a/public/main_logo.svg b/public/main_logo.svg
new file mode 100644
index 0000000..70f6d61
--- /dev/null
+++ b/public/main_logo.svg
@@ -0,0 +1,45 @@
+
diff --git a/styles/SchoolAttack.styled.ts b/styles/SchoolAttack.styled.ts
index 98ebe34..f03d33f 100644
--- a/styles/SchoolAttack.styled.ts
+++ b/styles/SchoolAttack.styled.ts
@@ -1,3 +1,4 @@
+import { keyframes } from '@emotion/react';
import emotionStyled from '@emotion/styled';
export const SystemLayout = emotionStyled.div`
@@ -13,6 +14,7 @@ export const SystemLayout = emotionStyled.div`
`;
export const MainLayout = emotionStyled.main<{ maxWidth: number }>`
+ position: relative;
display: flex;
flex-direction: column;
@@ -20,3 +22,12 @@ export const MainLayout = emotionStyled.main<{ maxWidth: number }>`
width: 100vw;
min-height: 100vh;
`;
+
+export const moveUpDown = keyframes`
+ 0%, 100% {
+ transform: translateY(0);
+ }
+ 50% {
+ transform: translateY(-30px);
+ }
+`;