smiuser/hpos-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make changes for screen tests

Browse Source
This commit is contained in:
prisar
2023-07-08 18:59:29 +05:30
parent 924a24d334
commit 0ce14ddb21
7 changed files with 115 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/App.css
View File

@@ -37,16 +37,23 @@ body {
}
.dashboard-title {
width: 100%;
font-family: Arial Black;
text-align: center;
align-self: center;
justify-content: center;
align-items: center;
display: inline-flex;
flex-direction: row;
font-size: xx-large;
background-color: rgb(215, 192, 252);
}
.last-update {
width: 100%;
font-size: small;
text-align: end;
font-weight: 500;
}
.developer {
@@ -62,6 +69,28 @@ body {
width: 1em;
}
.gov-logo {
width: 1em;
}
.title-text {
margin: 0 1em 0 1em;
font-size: medium;
}
.numeric-card {
height: 30vh;
width: 28vw;
padding: 20px;
box-shadow: 5px 10px 8px 10px #888888;
border-radius: 15px;
margin: 20px;
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 320px) {
.numeric-card {
height: 200px;
@@ -172,7 +201,7 @@ body {
.card-title {
color: black;
font-size: 1em;
font-size: 2em;
font-weight: 600;
font-family: sans-serif;
}
@@ -201,6 +230,10 @@ body {
font-size: xx-large;
background-color: rgb(215, 192, 252);
}
.title-text {
font-size: x-large;
}
}
@media screen and (min-width: 1200px) {
@@ -219,14 +252,14 @@ body {
.card-title {
color: black;
font-size: 1em;
font-size: 2em;
font-weight: 600;
font-family: sans-serif;
}
.card-data {
color: black;
font-size: 4em;
font-size: 6em;
font-family: sans-serif;
}
@@ -243,17 +276,30 @@ body {
}
.dashboard-title {
height: 10vh;
text-align: center;
align-self: center;
font-size: xx-large;
background-color: rgb(215, 192, 252);
}
.title-text {
font-size: xx-large;
}
.nscm-logo {
width: 2.5em;
}
.gov-logo {
width: 2.5em;
}
}
@media screen and (min-width: 2560px) {
.numeric-card {
height: 200px;
width: 300px;
height: 30vh;
width: 28vw;
padding: 20px;
box-shadow: 5px 10px 8px 10px #888888;
border-radius: 15px;
@@ -266,14 +312,14 @@ body {
.card-title {
color: black;
font-size: 1em;
font-size: 6em;
font-weight: 600;
font-family: sans-serif;
}
.card-data {
color: black;
font-size: 4em;
font-size: 18em;
font-family: sans-serif;
}
@@ -292,9 +338,20 @@ body {
.dashboard-title {
text-align: center;
align-self: center;
font-size: xx-large;
background-color: rgb(215, 192, 252);
}
.title-text {
font-size: 2vw;
}
.nscm-logo {
width: 5em;
}
.gov-logo {
width: 5em;
}
}
div.chart {