product list

This commit is contained in:
2024-01-29 15:22:13 +07:00
parent 3cb59f127c
commit ac7145c8c1
4 changed files with 359 additions and 331 deletions

File diff suppressed because one or more lines are too long

View File

@@ -154,7 +154,7 @@ a {
}
.fa-angle-right {
transform: rotate(90deg);
}
}
}
}
summary {
@@ -189,7 +189,7 @@ a {
.icons {
filter: brightness(100);
}
}
}
.icons {
width: 20px;
height: 20px;
@@ -236,7 +236,7 @@ a {
margin: 0;
}
}
}
}
.icon-home {
background-position: -9px -7px;
}
@@ -334,8 +334,8 @@ a {
height: 41px;
display: none;
}
&:nth-child(n+13){
.sub-menu{
&:nth-child(n + 13) {
.sub-menu {
top: unset;
}
}
@@ -705,6 +705,11 @@ input[type="radio"] {
height: 20px;
background-position: -43px -83px;
}
&.icon-edit {
width: 16px;
height: 16px;
background-position: -114px -89px;
}
}
.admin-header-container {
@@ -713,18 +718,20 @@ input[type="radio"] {
}
}
/* Bán hàng */
/* Bán hàng */
.order-page {
.order-page-title{
.order-page-title {
a {
margin: 0 2px 0 0;
border-radius: 4px 4px 0px 0px;
background: #F6F6F6;
background: #f6f6f6;
color: #919699;
font-weight: 500;
padding: 0 24px;
&:hover, &.current, &.active {
background: #0041E8;
&:hover,
&.current,
&.active {
background: #0041e8;
color: #fff;
}
}
@@ -732,26 +739,27 @@ input[type="radio"] {
.order-page-table {
text-align: center;
thead {
td{
td {
padding: 8px;
}
}
td{
td {
padding: 14px 8px;
&:nth-child(4), &:nth-child(10){
&:nth-child(4),
&:nth-child(10) {
text-align: left;
}
}
.icons {
width: 30px;
height: 30px;
border: 1px solid #ECECEC;
background-color: #F9F9F9;
border: 1px solid #ececec;
background-color: #f9f9f9;
border-radius: 5px;
}
.icon-edit {
border: 1px solid #0041E8;
background-color: #F5F7FF;
border: 1px solid #0041e8;
background-color: #f5f7ff;
background-position: -108px -82px;
margin-right: 6px;
}
@@ -762,48 +770,47 @@ input[type="radio"] {
}
.order-page-table {
line-height: 20px;
a{
color: #0041E8;
&:hover{
a {
color: #0041e8;
&:hover {
text-decoration: underline;
}
}
table{
table {
width: 100%;
}
thead {
background: #F6F6F6;
thead {
background: #f6f6f6;
font-weight: 600;
text-align: center;
td{
td {
padding: 8px;
}
}
td{
td {
padding: 10px;
border: 1px solid #ECECEC;
border: 1px solid #ececec;
text-transform: capitalize;
*{
* {
display: inline-block;
}
}
select {
border-radius: 4px;
border: 1px solid #D8D8D8;
border: 1px solid #d8d8d8;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
height: 32px;
display: block;
width: 100%;
padding: 0 0 0 5px;
}
}
.is-close-btn {
background: #ECECEC !important;
background: #ececec !important;
border-radius: 50%;
top: 10px !important;
right: 10px !important;
color: #9E9E9E !important;
color: #9e9e9e !important;
}
.paging {
margin: 30px 0;
@@ -811,15 +818,17 @@ input[type="radio"] {
align-items: center;
justify-content: center;
line-height: 28px;
a{
a {
margin: 0 3px;
min-width: 28px;
text-align: center;
font-size: 16px;
padding: 0 10px;
border-radius: 4px;
&:hover, &.current, &.active {
background: #0041E8;
&:hover,
&.current,
&.active {
background: #0041e8;
color: #fff;
}
}
@@ -827,22 +836,22 @@ input[type="radio"] {
.global-breadcrumb-container {
padding: 16px;
line-height: 20px;
a{
a {
display: inline-block;
&:hover{
color: #0041E8;
&:hover {
color: #0041e8;
}
&::after{
content: '\f054';
&::after {
content: "\f054";
font-family: Fontawesome;
font-size: 10px;
margin: 0 5px;
}
&:last-child{
color: #0041E8;
&::after{
&:last-child {
color: #0041e8;
&::after {
content: none;
}
}
}
}
}