Skip to content

Commit

Permalink
table update complete
Browse files Browse the repository at this point in the history
  • Loading branch information
@iftekharshovon
iftekharshovon committed Jul 19, 2023
1 parent a009e2e commit 3e876a4
Show file tree
Hide file tree
Showing 8 changed files with 1,355 additions and 1,090 deletions.
258 changes: 144 additions & 114 deletions assets/css/component/_dashboard.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,127 +103,157 @@
}
}
}
.default-shipping-address {
margin-top: 70px;
border: 1px solid var(--blueColor);
border-radius: 15px;
padding: 15px;
.shipping-address-header {
p {
color: var(--headerColor);
margin-bottom: 15px;
font-family: var(--primaryFont);
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
}
// .default-shipping-address {
// margin-top: 70px;
// border: 1px solid var(--blueColor);
// border-radius: 15px;
// padding: 15px;
// .shipping-address-header {
// p {
// color: var(--headerColor);
// margin-bottom: 15px;
// font-family: var(--primaryFont);
// font-size: 16px;
// font-weight: 600;
// line-height: 24px;
// }
// }

.shipping-address-details {
border-top: 1px solid var(--blueColor);
ul {
list-style: none;
padding-left: 0px;
padding-top: 20px;
// .shipping-address-details {
// border-top: 1px solid var(--blueColor);
// ul {
// list-style: none;
// padding-left: 0px;
// padding-top: 20px;

li {
color: var(--headerColor);
margin-bottom: 5px;
font-family: var(--primaryFont);
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
}
}
}
// li {
// color: var(--headerColor);
// margin-bottom: 5px;
// font-family: var(--primaryFont);
// font-size: 16px;
// font-weight: 600;
// line-height: 24px;
// }
// }
// }
// }
.table-wrapper {
overflow-x: auto;
margin-top: 60px;
.table-products {
margin-top: 15px;
.table {
border: 1px solid var(--text-02, #475569);

th {
position: relative;
.popup-button {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
}
padding-left: 10px;
}
td {
.table-item-single {
display: grid;
grid-template-columns: 100px 1fr;
.table-image {
display: flex;
align-items: center;
}
.table-content {
margin-left: 10px;
p {
line-height: 1 !important;
margin-bottom: 5px !important;
span {
font-weight: 600;
}
}
}
}
.button-group {
iconify-icon {
position: relative;
top: 3px;
color: var(--blueColor);
}
.counter-button {
width: 100px;
overflow: hidden;
margin-right: 10px;
background-color: transparent;
border: 1px solid var(--blueColor);
border-radius: 4px;
button {
background-color: var(--whiteColor);
color: #252873;
border: none;
width: 30px;
height: 30px;
}

input {
text-align: center;
width: 25px;
outline: none;
border: none;
&:focus {
border: none;
outline: none;
}
}
}
.default-button {
border: transparent;
padding: 0 !important;
&:hover {
padding: 0 !important;
iconify-icon {
padding-left: 0;
color: var(--whiteColor);
}
color: var(--whiteColor);
}
iconify-icon {
padding-left: 0;
}
}
}
margin-top: 30px;
.table > thead > tr > th {
border-color: rgba(41, 66, 105, 0.4) !important;
}
h4 {
font-size: 36px;
text-align: center;
font-weight: 600;
font-family: var(--primaryFont);
color: var(--headerColor);
margin-bottom: 30px;
}
.popular-product-card {
.popular-product-card-text-area {
h4 {
margin-bottom: 5px !important;
font-size: 24px !important;
}
}
}
ul {
list-style: decimal;
}
tr {
td {
font-family: var(--primaryFont);
font-size: 18px;
font-weight: 400;
color: var(--blueColor);
}
}
// .table-products {
// margin-top: 15px;
// .table {
// border: 1px solid var(--text-02, #475569);

// th {
// position: relative;
// .popup-button {
// position: absolute;
// transform: translate(-50%, -50%);
// top: 50%;
// }
// padding-left: 10px;
// }
// td {
// .table-item-single {
// display: grid;
// grid-template-columns: 100px 1fr;
// .table-image {
// display: flex;
// align-items: center;
// }
// .table-content {
// margin-left: 10px;
// p {
// line-height: 1 !important;
// margin-bottom: 5px !important;
// span {
// font-weight: 600;
// }
// }
// }
// }
// .button-group {
// iconify-icon {
// position: relative;
// top: 3px;
// color: var(--blueColor);
// }
// .counter-button {
// width: 100px;
// overflow: hidden;
// margin-right: 10px;
// background-color: transparent;
// border: 1px solid var(--blueColor);
// border-radius: 4px;
// button {
// background-color: var(--whiteColor);
// color: #252873;
// border: none;
// width: 30px;
// height: 30px;
// }

// input {
// text-align: center;
// width: 25px;
// outline: none;
// border: none;
// &:focus {
// border: none;
// outline: none;
// }
// }
// }
// .default-button {
// border: transparent;
// padding: 0 !important;
// &:hover {
// padding: 0 !important;
// iconify-icon {
// padding-left: 0;
// color: var(--whiteColor);
// }
// color: var(--whiteColor);
// }
// iconify-icon {
// padding-left: 0;
// }
// }
// }
// }
// }
// }
}
.billing-info {
margin-top: 45px;
Expand Down
Loading

0 comments on commit 3e876a4

Please sign in to comment.