From 68e1341f42d1a35340151f62b80ee7fa41ccd58a Mon Sep 17 00:00:00 2001 From: Rosyid Haryadi Date: Sat, 30 Sep 2023 23:07:54 +0700 Subject: styling --- src/App.jsx | 119 +++++++++++++++++++++++++++++++++++++++------------------ src/Result.jsx | 2 +- 2 files changed, 82 insertions(+), 39 deletions(-) (limited to 'src') diff --git a/src/App.jsx b/src/App.jsx index 705587c..7fb1a6b 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,10 +1,12 @@ import {useEffect, useState} from "react"; import Entry from "./Entry.jsx"; -import {Button, Container, Typography} from "@mui/material"; +import {AppBar, Button, Container, Grid, Paper, Typography} from "@mui/material"; import dayjs from "dayjs"; import SalaryInput from "./SalaryInput.jsx"; import Result from "./Result.jsx"; +import RemoveCircleIcon from '@mui/icons-material/RemoveCircle'; +import AddCircleIcon from '@mui/icons-material/AddCircle'; function App() { @@ -55,46 +57,87 @@ function App() { }); } + // raimu kurang gawean return ( - - Overtime Calculator - 🤑🤑 Sudahkah anda lembur hari ini? - 🤑🤑 - + + + + + + + + + + +
    +
  • Disclaimer: keakuratan tidak terjamin
  • +
  • Sudah termasuk perhitungan lembur akhir pekan
  • +
  • Belum termasuk libur nasional (todo)
  • +
  • Belum termasuk versi 6 hari kerja (todo)
  • +
  • UI belum responsive (todo)
  • +
+
+ + Source + + + Rosyid + +
+
+
+
+ ) } diff --git a/src/Result.jsx b/src/Result.jsx index 5d885fe..fac2b18 100644 --- a/src/Result.jsx +++ b/src/Result.jsx @@ -12,7 +12,7 @@ function Result({listEntry, baseSalary}) { return ( - Total Overtime Pay: Rp {/*{listEntry.map((entry) => {*/} -- cgit v1.2.3-70-g09d2