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

update values using snapshot

Browse Source
This commit is contained in:
prisar
2023-07-07 08:48:14 +05:30
parent ac81a72bb6
commit 68ef757f96
4 changed files with 141 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/App.css
View File

@@ -29,7 +29,6 @@ body {
color: white;
}
/* remove scroll bar */
::-webkit-scrollbar {
display: none;
}
@@ -42,9 +41,7 @@ body {
.numeric-card {
height: 200px;
width: 300px;
/* border: 1px solid; */
padding: 20px;
/* background-color: #fb9261; */
box-shadow: 5px 10px 8px 10px #888888;
border-radius: 15px;
margin: 20px;
@@ -84,9 +81,7 @@ body {
.numeric-card {
height: 200px;
width: 300px;
/* border: 1px solid; */
padding: 20px;
/* background-color: #fb9261; */
box-shadow: 5px 10px 8px 10px #888888;
border-radius: 15px;
margin: 20px;
@@ -116,7 +111,7 @@ body {
}
.cards-row {
margin: 50px;
margin: 30px;
display: flex;
flex-direction: column;
}
@@ -126,9 +121,7 @@ body {
.numeric-card {
height: 150px;
width: 200px;
/* border: 1px solid; */
padding: 20px;
/* background-color: #fb9261; */
box-shadow: 5px 10px 8px 10px #888888;
border-radius: 15px;
margin: 20px;
@@ -167,10 +160,8 @@ body {
@media screen and (min-width: 1200px) {
.numeric-card {
height: 200px;
width: 300px;
/* border: 1px solid; */
width: 320px;
padding: 20px;
/* background-color: #fb9261; */
box-shadow: 5px 10px 8px 10px #888888;
border-radius: 15px;
margin: 20px;
@@ -200,7 +191,47 @@ body {
}
.cards-row {
margin: 50px;
margin: 40px;
display: flex;
flex-direction: row;
}
}
@media screen and (min-width: 2560px) {
.numeric-card {
height: 200px;
width: 300px;
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;
}
.card-title {
color: black;
font-size: 1em;
font-weight: 600;
font-family: sans-serif;
}
.card-data {
color: black;
font-size: 4em;
font-family: sans-serif;
}
.cards-container {
align-items: center;
display: flex;
flex-direction: column;
}
.cards-row {
margin: 40px;
display: flex;
flex-direction: row;
}