From 7567fddf59bb45aa357fdb435b9ded5b342e9d6b Mon Sep 17 00:00:00 2001
From: andreasrys <andrerys@stud.ntnu.no>
Date: Mon, 4 Oct 2021 21:38:57 +0200
Subject: [PATCH] improve styling
---
package.json | 1 +
src/pages/overviewPage/Overview.tsx | 1 -
src/pages/overviewPage/overview.module.css | 19 ++++++++++---------
yarn.lock | 12 ++++++++++++
4 files changed, 23 insertions(+), 10 deletions(-)
diff --git a/package.json b/package.json
index 3ac552c..2ce010b 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
"dotenv": "^10.0.0",
"react": "^17.0.2",
"react-datepicker": "^4.2.1",
+ "react-device-detect": "^2.0.1",
"react-dom": "^17.0.2",
"react-dotenv": "^0.1.3",
"react-loader-spinner": "^4.0.0",
diff --git a/src/pages/overviewPage/Overview.tsx b/src/pages/overviewPage/Overview.tsx
index b30e08e..55dec75 100644
--- a/src/pages/overviewPage/Overview.tsx
+++ b/src/pages/overviewPage/Overview.tsx
@@ -12,7 +12,6 @@ const OverviewPage = () => {
const history = useHistory();
const {data, isLoading, error} = useGitlabApi(queryTypes.Languages);
-
return (
<div className={style.wrapper}>
<div className={style.stats}>
diff --git a/src/pages/overviewPage/overview.module.css b/src/pages/overviewPage/overview.module.css
index 121c042..e9c52ca 100644
--- a/src/pages/overviewPage/overview.module.css
+++ b/src/pages/overviewPage/overview.module.css
@@ -4,9 +4,10 @@
grid-template-columns: 1fr 4fr;
grid-column-gap: 1em;
grid-row-gap: 1em;
+
}
-.stats{
+.stats {
background-color: lightgrey;
border-radius: 10px;
padding: 20px;
@@ -15,21 +16,21 @@
}
-.buttons{
+.buttons {
background-color: lightcoral;
border-radius: 10px;
padding: 20px;
}
-.buttonWrapper{
- display: flex;
- flex-direction: row;
- justify-content: center;
- width: 100%;
- height: 100%;
+.buttonWrapper {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
}
-.button{
+.button {
background: #8ECAE6;
cursor: pointer;
width: 250px;
diff --git a/yarn.lock b/yarn.lock
index 90e8a46..8312d75 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9727,6 +9727,13 @@ react-dev-utils@^11.0.3:
strip-ansi "6.0.0"
text-table "0.2.0"
+react-device-detect@^2.0.1:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/react-device-detect/-/react-device-detect-2.0.1.tgz#663530bafe1dad333b67eae4252556244f45c2fc"
+ integrity sha512-DrDKiKky/L/DSEJUw5CL2I38s/18zCLIoKP4pE4CyO1FyL6XhQZMIjHmv0pbYQBlfdKB+ZUXP53tWeLkt0eqJw==
+ dependencies:
+ ua-parser-js "^0.7.28"
+
react-dom@^17.0.2:
version "17.0.2"
resolved "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz"
@@ -11573,6 +11580,11 @@ typescript@^4.1.2:
resolved "https://registry.npmjs.org/typescript/-/typescript-4.4.3.tgz"
integrity sha512-4xfscpisVgqqDfPaJo5vkd+Qd/ItkoagnHpufr+i2QCHBsNYp+G7UAoyFl8aPtx879u38wPV65rZ8qbGZijalA==
+ua-parser-js@^0.7.28:
+ version "0.7.28"
+ resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.28.tgz#8ba04e653f35ce210239c64661685bf9121dec31"
+ integrity sha512-6Gurc1n//gjp9eQNXjD9O3M/sMwVtN5S8Lv9bvOYBfKfDNiIIhqiyi01vMBO45u4zkDE420w/e0se7Vs+sIg+g==
+
unicode-canonical-property-names-ecmascript@^1.0.4:
version "1.0.4"
resolved "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz"
--
GitLab