diff --git a/src/App.css b/src/App.css
index 41e30ee..5da3d01 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,4 +1,6 @@
-
+.App{
+ margin-bottom: 46px;
+}
.App-logo {
height: 40vmin;
pointer-events: none;
diff --git a/src/App.js b/src/App.js
index e5ead4c..87aa3f8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -4,11 +4,13 @@ import {Footer } from '../src/components/Footer'
import {Header } from '../src/components/Header'
import {MainPage } from '../src/components/MainPage'
import 'bootstrap/dist/css/bootstrap.min.css';
+import '../src/components/styles.css';
function App() {
return (
+
);
}
diff --git a/src/components/Footer.js b/src/components/Footer.js
index c400404..acd4d7e 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -9,6 +9,7 @@ export class Footer extends Component {
render() {
return(
+
+
)
}
}
\ No newline at end of file
diff --git a/src/components/MainPage.js b/src/components/MainPage.js
index 88f3c89..bf477e5 100644
--- a/src/components/MainPage.js
+++ b/src/components/MainPage.js
@@ -7,6 +7,7 @@ export const MainPage = () => {
const [isLightTheme, setIsLightTheme ] = useState(false);
const [countDownTimer, setCountDownTimer] = useState(60);
useEffect(() => {
+ if(countDownTimer == 0) setCountDownTimer(60);
countDownTimer > 0 && setTimeout(() => setCountDownTimer(countDownTimer - 1), 1000);
}, [countDownTimer])
const onThemeButtonClick = () => {
@@ -133,8 +134,8 @@ const onThemeButtonClick = () => {
-
+
)
diff --git a/src/components/styles.css b/src/components/styles.css
index 21d2fd4..095a895 100644
--- a/src/components/styles.css
+++ b/src/components/styles.css
@@ -305,6 +305,8 @@
}
.theme-dark .footer {
border-top: 2px solid #2e3241;
+ color: white;
+ background-color: #2e3241;
}
.theme-dark .header-button {
background-color: #2e3241;
diff --git a/src/index.css b/src/index.css
index 27e1f10..61c231c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,12 +1,6 @@
-* {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-size: 100%;
- vertical-align: baseline;
- background: transparent;
- }
+html{
+ margin-top: -16px;
+}
body {
margin: 0;