kjannette/salesflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
kjannette
2025-10-18 19:34:31 -04:00
parent 1e6792f7e7
commit 0187652d0e
2 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
package-lock.json generated
View File

@@ -1,11 +1,11 @@
{ {
"name": "hdepot", "name": "sales flow application",
"version": "0.1.0", "version": "0.1.0",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "hdepot", "name": "sales flow application",
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"@testing-library/jest-dom": "^5.16.5", "@testing-library/jest-dom": "^5.16.5",

34
src/styles/App.css
View File

@@ -39,8 +39,9 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
height: 300px; height: 330px;
padding: 20px; padding: 20px;
max-width: 520px;
} }
.veh-col { .veh-col {
@@ -69,9 +70,11 @@ body {
padding: 5px 5px 8px 8px; padding: 5px 5px 8px 8px;
border: 1px solid #5d86a8; border: 1px solid #5d86a8;
border-radius: 6px; border-radius: 6px;
max-width: 535px; max-width: 560px;
width: 100%;
flex: 1 0 auto; flex: 1 0 auto;
background-color: #f8eefc; background-color: #D9F1F4;
box-sizing: border-box;
} }
.veh-text { .veh-text {
@@ -133,22 +136,22 @@ body {
.auxButton { .auxButton {
height: 30px; height: 30px;
width: 125px; width: 125px;
border: 1px solid #8ac8ff; border: 1px solid black;
border-radius: 6px; border-radius: 6px;
color: #0f1111; color: #0f1111;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
cursor: pointer; cursor: pointer;
padding: 7px 0px 26px 0px; padding: 7px 0px 26px 0px;
margin: 25px auto; margin: 25px auto;
background-color: #ffefef; background-color: #4FABFB;
} }
.auxButton2 { .auxButton2 {
height: 30px; height: 30px;
width: 125px; width: 125px;
border: 1px solid #8ac8ff; border: 1px solid black;
border-radius: 6px; border-radius: 6px;
background-color: #ffefef; background-color: #4FABFB;
color: #0f1111; color: #0f1111;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
cursor: pointer; cursor: pointer;
@@ -161,9 +164,9 @@ body {
align-items: center; align-items: center;
height: 30px; height: 30px;
width: 125px; width: 125px;
border: 1px solid #c0c8cf; border: 1px solid black;
border-radius: 6px; border-radius: 6px;
background-color: white; background-color: #4FABFB;
color: #0f1111; color: #0f1111;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
cursor: pointer; cursor: pointer;
@@ -174,9 +177,9 @@ body {
margin-top: 8px; margin-top: 8px;
height: 30px; height: 30px;
width: 125px; width: 125px;
border: 1px solid #c0c8cf; border: 1px solid black;
border-radius: 6px; border-radius: 6px;
background-color: white; background-color: #4FABFB;
color: #0f1111; color: #0f1111;
cursor: pointer; cursor: pointer;
line-height: 29px; line-height: 29px;
@@ -199,16 +202,16 @@ body {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: 0px auto; margin: 0px auto;
width: 240px;
width: 250px;
padding-bottom: 5px; padding-bottom: 5px;
box-sizing: border-box;
} }
.navBarContainer { .navBarContainer {
height: 50px; height: 50px;
padding: 15px 20px 0px 20px; padding: 15px 20px 0px 20px;
border-bottom: 2px solid #a9a9a9; border-bottom: 2px solid #a9a9a9;
background-color: #f8eefc; background-color: #D9F1F4;
} }
.navRow { .navRow {
@@ -251,6 +254,7 @@ body {
.inputContainer { .inputContainer {
width: 200px; width: 200px;
} }
.vehiclesColumn { .vehiclesColumn {
height: 100%; height: 100%;
} }
@@ -273,4 +277,4 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
} }