Compare commits
12 Commits
83512887aa
...
6595a7f8bb
| Author | SHA1 | Date | |
|---|---|---|---|
| 6595a7f8bb | |||
| c95c9de320 | |||
| f7de45e47c | |||
| 7556d0496a | |||
| 7d68cce351 | |||
| e051a1aa4f | |||
| e9ef31e7ee | |||
| bba4960276 | |||
| b1d639f618 | |||
| 1702e0c408 | |||
| f87d3da269 | |||
| bbee38af9b |
BIN
public/img/amogus.png
Normal file
BIN
public/img/amogus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
@@ -11,6 +11,8 @@ import Footer from "@/components/Footer/Footer";
|
|||||||
import Terminal from "@/components/Terminal/Terminal";
|
import Terminal from "@/components/Terminal/Terminal";
|
||||||
import Timetable from "@/components/Timetable/Timetable";
|
import Timetable from "@/components/Timetable/Timetable";
|
||||||
import Weather from "@/components/Weather/Weather";
|
import Weather from "@/components/Weather/Weather";
|
||||||
|
|
||||||
|
import amogus from "/img/amogus.png";
|
||||||
import FourTwenty from "../FourTwenty/FourTwenty";
|
import FourTwenty from "../FourTwenty/FourTwenty";
|
||||||
import style from "./style.module.css";
|
import style from "./style.module.css";
|
||||||
|
|
||||||
@@ -42,6 +44,9 @@ export default function Dashboard() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={`${style.dashboard} ${scheme}`}>
|
<div className={`${style.dashboard} ${scheme}`}>
|
||||||
|
<div className={style.amogus}>
|
||||||
|
<img src={amogus} alt="Amogus" />
|
||||||
|
</div>
|
||||||
<div className={style.body}>
|
<div className={style.body}>
|
||||||
<CardColumn>
|
<CardColumn>
|
||||||
<Card icon="🚊" name="Timetable">
|
<Card icon="🚊" name="Timetable">
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
|
|
||||||
.body {
|
.body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin: 30px;
|
padding: 30px;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -25,3 +25,30 @@
|
|||||||
.night {
|
.night {
|
||||||
background-color: #2a3f55;
|
background-color: #2a3f55;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.amogus {
|
||||||
|
z-index: 100;
|
||||||
|
position: absolute;
|
||||||
|
scale: 60%;
|
||||||
|
animation:
|
||||||
|
x 10s linear infinite alternate,
|
||||||
|
y 7s linear infinite alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes x {
|
||||||
|
from {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
left: calc(100vw - 70px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes y {
|
||||||
|
from {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
top: calc(100vh - 90px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user