franpcode/API-and-CRUD-for-Ecommerce-with-Node.js-FRONTEND
1
0
Fork 0
mirror of https://github.com/FranP-code/API-and-CRUD-for-Ecommerce-with-Node.js-FRONTEND.git synced 2025-10-12 23:52:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Responsive desing payment place done

Browse Source
This commit is contained in:
Francisco Pessano
2021-11-18 23:22:32 -03:00
parent 877c358802
commit 62c38fa55c
3 changed files with 60 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
payment/sass/styles.scss
View File

@@ -58,6 +58,8 @@ header {
align-items: center;
margin-left: 1vw;
user-select: none;
}
}
@@ -104,6 +106,8 @@ header {
display: flex;
flex-direction: column;
user-select: none;
input[type="text"] {
border: none;
@@ -139,6 +143,8 @@ header {
border-bottom: 1px solid rgb(133, 133, 133);
user-select: none;
th:first-child {
text-align: initial;
@@ -191,6 +197,8 @@ header {
height: 8vh;
width: 100%;
user-select: none;
}
}
@@ -200,6 +208,8 @@ header {
border-bottom: 1px solid #000;
padding-bottom: 1vh;
user-select: none;
}
table {
@@ -207,4 +217,32 @@ header {
width: 100%;
}
}
}
@media (max-width: 991.98px) {
.payment-container {
justify-content: center;
flex-direction: column;
.column {
&.frist-column, &.second-column {
box-sizing: border-box;
$width: 96vw;
@include columnSize($width);
margin: 0px 1vw 0px 1vw;
padding-bottom: 2vh;
}
&.frist-column {
margin-bottom: 2vh;
}
}
}
}