tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Tieptk
2025-02-11 16:22:18 +07:00
parent 961e92b965
commit c3c4efd679
30 changed files with 637 additions and 759 deletions
Download Patch File Download Diff File Expand all files Collapse all files

235
assets/script/pc_style.scss
View File

@@ -65,6 +65,11 @@ img {
table {
width: 100%;
}
table td,
table th {
padding: 8px !important;
border: 1px solid #ececec;
}
a {
text-decoration: none;
}
@@ -192,6 +197,9 @@ a {
margin: 0;
}
}
&.active {
display: block;
}
}
.hover-menu {
padding: 10px 22px 10px 15px;
@@ -338,6 +346,7 @@ a {
padding: 16px 0 16px 16px;
}
}
.table-fixed {
text-align: center;
td {
@@ -411,17 +420,6 @@ a {
}
}
}
.product-list {
th {
padding: 10px;
border: 1px solid #ececec;
background: #f6f6f6;
}
td {
padding: 8px;
border: 1px solid #ececec;
}
}
.product-sale-info {
td {
@@ -430,39 +428,6 @@ a {
}
}
input[type="radio"] {
position: absolute;
&:before {
content: "";
background: #fff;
border-radius: 100%;
border: 1.5px solid #0041e8;
display: inline-block;
width: 18px;
height: 18px;
position: relative;
top: -0.2em;
margin-right: 1em;
vertical-align: top;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}
&:checked {
&:before {
background-color: #0041e8;
box-shadow: inset 0 0 0 3px #fff;
}
}
&:focus {
&:before {
outline: none;
border-color: #0041e8;
}
}
}
.table-seo {
td {
padding: 14px;
@@ -608,55 +573,12 @@ input[type="radio"] {
}
}
}
.order-page-table {
text-align: center;
thead {
td {
padding: 8px;
}
}
td {
padding: 14px 8px;
text-align: center;
vertical-align: middle;
&:nth-child(4),
&:nth-child(10) {
text-align: left;
}
}
}
}
.order-page-table {
line-height: 20px;
a {
color: #0041e8;
}
table {
width: 100%;
}
thead {
background: #f6f6f6;
font-weight: 500;
text-align: center;
white-space: nowrap;
td {
padding: 8px;
}
}
tbody {
td {
vertical-align: top;
}
tr {
&:hover {
background: #f5f7ff;
}
}
}
td {
padding: 10px;
border: 1px solid #ececec;
}
select {
border-radius: 4px;
border: 1px solid #d8d8d8;
@@ -750,17 +672,6 @@ input[type="radio"] {
}
}
}
.table-brand {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
}
.table-vertical-inherit {
tbody {
@@ -833,20 +744,12 @@ input[type="radio"] {
}
}
.table-list-category {
td {
padding: 6px 5px;
border: 1px solid #ececec;
}
a {
color: #0041e8;
}
}
.input-file {
position: relative;
input {
opacity: 0;
position: relative;
z-index: 999;
}
.title {
position: absolute;
@@ -954,23 +857,6 @@ input[type="radio"] {
}
}
.table-config-group {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
a {
color: #0041e8;
}
}
.table-config-pro {
th {
padding: 7px 5px;
@@ -988,30 +874,6 @@ input[type="radio"] {
}
}
.table-addon,
.table-spec,
.spec-info,
.table-list-competitor,
.table-customer-group,
.table-review,
.table-newsletter,
.style-table {
th {
padding: 7px 5px;
background: #f6f6f6;
border: 1px solid #ececec;
white-space: nowrap;
text-align: left;
}
td {
padding: 7px 6px;
border: 1px solid #ececec;
}
.name {
color: #0041e8;
}
}
.input-date {
position: relative;
&::before {
@@ -1041,59 +903,24 @@ input[type="radio"] {
}
}
.style-checkbox {
display: block;
position: relative;
padding-left: 26px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.style-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.style-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background: #fff;
border: 1.5px solid #c5c5c5;
border-radius: 4px;
}
.style-checkbox:hover input ~ .checkmark {
background: #fff;
}
.style-checkbox input:checked ~ .checkmark {
background-color: #0041e8;
border: 1px solid #0041e8;
.checkbox-success {
--chkbg: #0041e8;
--chkfg: #fff;
border-color: #000 !important;
width: 1.2rem;
height: 1.2rem;
border-radius: 3px;
}
.style-checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
.checkbox-success:checked,
.checkbox-success[aria-checked="true"] {
background-color: #0041e8;
border-color: #0041e8 !important;
}
.style-checkbox input:checked ~ .checkmark:after {
display: block;
}
.style-checkbox .checkmark:after {
left: 6px;
top: 1px;
width: 6px;
height: 13px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
.radio {
width: 1.2rem;
height: 1.2rem;
}
.box-note {
@@ -1213,3 +1040,13 @@ input[type="radio"] {
color: #ffc53d;
}
}
.table {
a {
color: #0041e8;
}
.btn {
color: #fff;
padding: 0;
}
}