Skip to content

Commit 3de858f

Browse files
author
lehungtin11
committed
update
1 parent ed14acf commit 3de858f

File tree

20 files changed

+775
-456
lines changed

20 files changed

+775
-456
lines changed

package-lock.json

Lines changed: 37 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
"react-dom": "^18.2.0",
1414
"react-icons": "^5.0.1",
1515
"react-scripts": "5.0.1",
16+
"sass": "^1.71.1",
1617
"web-vitals": "^2.1.4"
1718
},
1819
"scripts": {

public/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
work correctly both with client-side routing and a non-root public URL.
2929
Learn how to configure a non-root public URL by running `npm run build`.
3030
-->
31-
<title>React App</title>
31+
<title>Calendar</title>
3232
</head>
3333
<body>
3434
<noscript>You need to enable JavaScript to run this app.</noscript>

src/assets/img/jpg/me.jpg

548 KB
Loading

src/components/Button/Button.css

Lines changed: 0 additions & 32 deletions
This file was deleted.

src/components/Button/Button.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from "react";
2-
import './Button.css';
2+
import './Button.scss';
33

44
const Button = ({ className = "", type = "button", children, onClick, ...rest }) => {
55

src/components/Button/Button.scss

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
.btn {
2+
color: rgb(95, 99, 104);
3+
font-weight: 600;
4+
background-color: #fff;
5+
border-radius: 4px;
6+
padding: 0px 8px;
7+
height: 36px;
8+
border: none;
9+
outline: none;
10+
text-decoration: none;
11+
cursor: pointer;
12+
-webkit-user-select: none;
13+
user-select: none;
14+
15+
.btn + .btn {
16+
margin-right: 8px;
17+
}
18+
19+
&:hover:not([type="submit"], [type="color"]) {
20+
/* color: rgb(25,103,210); */
21+
/* background-color: rgb(232, 240, 254); */
22+
/* background-color: rgb(232 233 234); */
23+
background-color: #f9f9f9;
24+
}
25+
26+
& span:first-child {
27+
display: flex;
28+
justify-content: space-between;
29+
align-items: center;
30+
width: 100%;
31+
}
32+
}

0 commit comments

Comments
 (0)