ducdt/admin_hura
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

08/01/2024

Browse Source
This commit is contained in:
Tieptk
2024-01-08 09:26:16 +07:00
parent 0c240b45ea
commit b2469a9235
7 changed files with 3148 additions and 1181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
scss/pc_style.css
View File

@@ -1,18 +1,27 @@
*, ::after, ::before {
*,
::after,
::before {
box-sizing: border-box;
}
button, input, select {
button,
input,
select {
outline: none !important;
color: #000;
border-radius: 0;
}
button, input {
button,
input {
overflow: visible;
}
button, input, optgroup, select, textarea {
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
@@ -20,7 +29,8 @@ button, input, optgroup, select, textarea {
border-radius: 0;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
@@ -31,7 +41,7 @@ input[type=number] {
body {
color: #000;
font-family: "Inter", sans-serif;
background: #FAFAFB;
background: #fafafb;
position: relative;
font-size: 14px;
word-break: break-word;
@@ -127,7 +137,7 @@ a {
.admin-menu-container {
position: relative;
overflow: auto;
background: #004E99;
background: #004e99;
color: #fff;
width: 16%;
padding: 20px 0;
@@ -151,7 +161,7 @@ a {
transform: rotate(90deg);
}
.admin-menu-container details[open] summary {
background: #81B5E4;
background: #81b5e4;
}
.admin-menu-container details[open] summary a {
font-weight: 700;
@@ -188,7 +198,7 @@ a {
border-radius: 4px;
}
.admin-menu-container .item:hover {
background: #81B5E4;
background: #81b5e4;
}
.admin-menu-container .item:hover .icons {
filter: brightness(100);
@@ -204,7 +214,7 @@ a {
content: "";
width: 1px;
height: calc(100% - 39px);
background: #79B0E2;
background: #79b0e2;
position: absolute;
left: 20px;
top: 20px;
@@ -222,7 +232,7 @@ a {
width: 8px;
height: 8px;
border-radius: 50%;
background: #79B0E2;
background: #79b0e2;
position: absolute;
top: 6px;
left: -28px;
@@ -283,7 +293,7 @@ a {
position: relative;
}
.admin-menu .item:hover {
background: #81B5E4;
background: #81b5e4;
}
.admin-menu .item:hover .icons {
filter: brightness(100);
@@ -296,7 +306,7 @@ a {
.admin-menu .sub-menu {
padding: 10px 22px 10px 15px;
border-radius: 6px;
background: #004E99;
background: #004e99;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
min-width: 150px;
@@ -323,7 +333,7 @@ a {
width: 8px;
height: 8px;
border-radius: 50%;
background: #79B0E2;
background: #79b0e2;
position: absolute;
top: 6px;
left: -18px;
@@ -339,7 +349,7 @@ a {
.admin-menu .menu-list::before {
content: "";
width: 1.5px;
background: #79B0E2;
background: #79b0e2;
position: absolute;
left: 1px;
top: 7px;
@@ -397,8 +407,8 @@ a {
transition: 0.2s all;
}
.admin-content-container .note-list a:hover {
background: #F5F7FF;
color: #0041E8;
background: #f5f7ff;
color: #0041e8;
font-weight: 600;
}
.admin-content-container .content-holder {
@@ -410,7 +420,7 @@ a {
}
.table-fixed td {
padding: 13px 8px;
border: 1px solid #ECECEC;
border: 1px solid #ececec;
}
.table-fixed tbody td {
padding: 5px 8px;
@@ -419,24 +429,24 @@ a {
text-align: left;
}
.table-fixed tbody td:nth-child(2) {
color: #0041E8;
color: #0041e8;
}
.admin-home-tab {
overflow: auto;
}
.admin-home-tab a {
color: #A0A8B5;
color: #a0a8b5;
padding: 9px 7.7px;
text-align: center;
border-right: 1px solid #DDE1EB;
border-right: 1px solid #dde1eb;
white-space: nowrap;
}
.admin-home-tab a:last-child {
border: 0;
}
.admin-home-tab a:hover, .admin-home-tab a.current {
background: #0041E8;
background: #0041e8;
color: #fff;
}
@@ -453,7 +463,7 @@ a {
font-weight: 500;
}
.home-report-holder td {
border: 1px solid #ECECEC;
border: 1px solid #ececec;
padding: 14px 5px;
}
.home-report-holder td a {
@@ -472,4 +482,47 @@ a {
}
.home-todo-list td:nth-child(1), .home-todo-list td:nth-child(3), .home-todo-list td:nth-child(4) {
white-space: nowrap;
}
.product-list th {
padding: 10px;
border: 1px solid #ececec;
background: #f6f6f6;
}
.product-list td {
padding: 8px;
border: 1px solid #ececec;
}
.product-sale-info td {
padding: 14px;
border: 1px solid #ececec;
}
input[type=radio] {
position: absolute;
}
input[type=radio]:before {
content: "";
background: #fff;
border-radius: 100%;
border: 1.5px solid #0041e8;
display: inline-block;
width: 20px;
height: 20px;
position: relative;
top: -0.2em;
margin-right: 1em;
vertical-align: top;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}
input[type=radio]:checked:before {
background-color: #0041e8;
box-shadow: inset 0 0 0 4px #fff;
}
input[type=radio]:focus:before {
outline: none;
border-color: #0041e8;
}/*# sourceMappingURL=pc_style.css.map */

2
scss/pc_style.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["pc_style.scss","pc_style.css"],"names":[],"mappings":"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","file":"pc_style.css"}
{"version":3,"sources":["pc_style.scss","pc_style.css"],"names":[],"mappings":"AAAA;;;EAGI,sBAAA;ACCJ;;ADCA;;;EAGI,wBAAA;EACA,WAAA;EACA,gBAAA;ACEJ;;ADAA;;EAEI,iBAAA;ACGJ;;ADDA;;;;;EAKI,SAAA;EACA,oBAAA;EACA,kBAAA;EACA,oBAAA;EACA,gBAAA;ACIJ;;ADFA;;EAEI,wBAAA;ACKJ;;ADHA;EACI,0BAAA;ACMJ;;ADJA;EACI,WAAA;EACA,gCAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,sBAAA;EACA,sBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;ACOJ;;ADLA;EACI,eAAA;EACA,YAAA;ACQJ;;ADNA;EACI,qBAAA;ACSJ;;ADPA;EACI,mBAAA;ACUJ;;ADRA;EACI,gBAAA;EACA,kBAAA;ACWJ;;ADTA;EACI,gBAAA;ACYJ;;ADVA;EACI,UAAA;EACA,YAAA;ACaJ;;ADVI;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACaR;;ADVA;EACI,kBAAA;EACA,oBAAA;EACA,oBAAA;EACA,SAAA;ACaJ;;ADXA;EACI,uBAAA;EACA,qBAAA;EACA,oBAAA;EACA,4BAAA;EACA,gBAAA;ACcJ;;ADZA;EACI,uBAAA;EACA,qBAAA;EACA,oBAAA;EACA,4BAAA;EACA,gBAAA;ACeJ;;ADbA;EACI,uBAAA;EACA,qBAAA;EACA,oBAAA;EACA,4BAAA;EACA,gBAAA;ACgBJ;;ADdA;EACI,uBAAA;EACA,qBAAA;EACA,oBAAA;EACA,4BAAA;EACA,gBAAA;ACiBJ;;ADfA;EACI,sDAAA;EACA,4BAAA;ACkBJ;;ADhBA;EACI,iBAAA;EACA,YAAA;EACA,aAAA;ACmBJ;;ADjBA;EACI,kBAAA;EACA,cAAA;EACA,mBAAA;EACA,WAAA;EACA,UAAA;EACA,eAAA;EACA,iBAAA;ACoBJ;ADnBI;EACI,WAAA;ACqBR;ADnBI;EACI,cAAA;EACA,mBAAA;EACA,iBAAA;ACqBR;ADpBQ;EACI,YAAA;ACsBZ;ADnBI;EACI,cAAA;ACqBR;ADjBY;EACI,wBAAA;ACmBhB;ADjBY;EACI,mBAAA;ACmBhB;ADlBgB;EACI,gBAAA;ACoBpB;ADjBY;EACI,uBAAA;ACmBhB;ADfI;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,oBAAA;ACiBR;ADhBQ;EACI,iBAAA;EACA,aAAA;EACA,mBAAA;ACkBZ;ADfI;EACI,kBAAA;EACA,WAAA;EACA,oBAAA;ACiBR;ADfI;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;ACiBR;ADhBQ;EACI,mBAAA;ACkBZ;ADjBY;EACI,uBAAA;ACmBhB;ADfI;EACI,wBAAA;ACiBR;ADfI;EACI,4BAAA;EACA,kBAAA;ACiBR;ADhBQ;EACI,WAAA;EACA,UAAA;EACA,yBAAA;EACA,mBAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;ACkBZ;ADhBQ;EACI,cAAA;EACA,mBAAA;EACA,kBAAA;ACkBZ;ADjBY;EACI,0BAAA;ACmBhB;ADjBY;EACI,WAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;ACmBhB;ADjBY;EACI,SAAA;ACmBhB;ADfI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;ACiBR;ADfI;EACI,8BAAA;ACiBR;ADfI;EACI,+BAAA;ACiBR;ADfI;EACI,+BAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,gCAAA;ACiBR;ADfI;EACI,+BAAA;ACiBR;;ADdA;EACI,WAAA;EACA,UAAA;ACiBJ;ADhBI;EACI,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,kBAAA;ACkBR;ADjBQ;EACI,mBAAA;ACmBZ;ADlBY;EACI,uBAAA;ACoBhB;ADlBY;EACI,sBAAA;EACA,UAAA;EACA,mBAAA;ACoBhB;ADhBI;EACI,4BAAA;EACA,kBAAA;EACA,mBAAA;EACA,+CAAA;EACA,mBAAA;EACA,gBAAA;EACA,WAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,MAAA;EACA,UAAA;EACA,kBAAA;EACA,gBAAA;ACkBR;ADjBQ;EACI,cAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;ACmBZ;ADlBY;EACI,0BAAA;ACoBhB;ADlBY;EACI,WAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;ACoBhB;ADlBY;EACI,SAAA;ACoBhB;ADhBI;EACI,kBAAA;EACA,gBAAA;EACA,kBAAA;ACkBR;ADjBQ;EACI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;ACmBZ;ADhBI;EACI,WAAA;EACA,YAAA;ACkBR;ADhBI;EACI,4BAAA;ACkBR;ADhBI;EACI,8BAAA;ACkBR;ADhBI;EACI,8BAAA;ACkBR;ADhBI;EACI,+BAAA;ACkBR;ADhBI;EACI,+BAAA;ACkBR;ADhBI;EACI,+BAAA;ACkBR;ADhBI;EACI,+BAAA;ACkBR;ADhBI;EACI,+BAAA;ACkBR;ADhBI;EACI,+BAAA;EACA,iBAAA;ACkBR;ADhBI;EACI,+BAAA;ACkBR;ADhBI;EACI,+BAAA;ACkBR;ADhBI;EACI,8BAAA;ACkBR;;ADdI;EACI,gBAAA;ACiBR;ADhBQ;EACI,cAAA;EACA,eAAA;EACA,iBAAA;EACA,oBAAA;ACkBZ;ADjBY;EACI,mBAAA;EACA,cAAA;EACA,gBAAA;ACmBhB;ADfI;EACI,yBAAA;ACiBR;;ADdA;EACI,kBAAA;ACiBJ;ADhBI;EACI,iBAAA;EACA,yBAAA;ACkBR;ADfQ;EACI,gBAAA;ACiBZ;ADhBY;EAEI,gBAAA;ACiBhB;ADfY;EACI,cAAA;ACiBhB;;ADZA;EACI,cAAA;ACeJ;ADdI;EACI,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,mBAAA;ACgBR;ADfQ;EACI,SAAA;ACiBZ;ADfQ;EAEI,mBAAA;EACA,WAAA;ACgBZ;;ADZA;EACI,aAAA;ACeJ;ADdI;EACI,WAAA;EACA,iBAAA;EACA,kBAAA;ACgBR;ADdI;EACI,mBAAA;EACA,gBAAA;ACgBR;ADdI;EACI,yBAAA;EACA,iBAAA;ACgBR;ADfQ;EACI,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;ACiBZ;ADfQ;EACI,gBAAA;ACiBZ;;ADZI;EACI,cAAA;EACA,sBAAA;ACeR;ADdQ;EAGI,mBAAA;ACcZ;;ADTI;EACI,aAAA;EACA,yBAAA;EACA,mBAAA;ACYR;ADVI;EACI,YAAA;EACA,yBAAA;ACYR;;ADPI;EACI,aAAA;EACA,yBAAA;ACUR;;ADNA;EACI,kBAAA;ACSJ;ADRI;EACI,WAAA;EACA,gBAAA;EACA,mBAAA;EACA,2BAAA;EACA,qBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,0BAAA;ACUR;ADNQ;EACI,yBAAA;EACA,gCAAA;ACQZ;ADJQ;EACI,aAAA;EACA,qBAAA;ACMZ","file":"pc_style.css"}

324
scss/pc_style.scss
View File

@@ -1,43 +1,112 @@
*, ::after, ::before {box-sizing: border-box;}
button,input,select{outline:none!important;color:#000;border-radius:0}
button, input {overflow: visible;}
button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;border-radius: 0;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=number] {-moz-appearance: textfield;}
body{
color:#000;
font-family: 'Inter', sans-serif;
background: #FAFAFB;
*,
::after,
::before {
box-sizing: border-box;
}
button,
input,
select {
outline: none !important;
color: #000;
border-radius: 0;
}
button,
input {
overflow: visible;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
border-radius: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
body {
color: #000;
font-family: "Inter", sans-serif;
background: #fafafb;
position: relative;
font-size: 14px;
font-size: 14px;
word-break: break-word;
counter-reset: section;
font-weight: 400;
line-height: 1.5;
margin: auto;
}
img{
img {
max-width: 100%;
height: auto;
}
a{
a {
text-decoration: none;
}
::-webkit-scrollbar-track{background:#f5f5f5;}
::-webkit-scrollbar-thumb{background: grey;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#ccc;}
::-webkit-scrollbar{width: 8px;height:10px;}
.clearfix{
&::after{
content:'';clear:both;display:block
::-webkit-scrollbar-track {
background: #f5f5f5;
}
::-webkit-scrollbar-thumb {
background: grey;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: #ccc;
}
::-webkit-scrollbar {
width: 8px;
height: 10px;
}
.clearfix {
&::after {
content: "";
clear: both;
display: block;
}
}
.inherit{font-size: inherit;font-weight: inherit;line-height: inherit;margin: 0;}
.line-clamp-2{text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-4{text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-5{text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.icons{
.inherit {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0;
}
.line-clamp-2 {
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-3 {
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-4 {
text-overflow: ellipsis;
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-5 {
text-overflow: ellipsis;
-webkit-line-clamp: 5;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.icons {
background: url(../images/global-sprite.png) no-repeat;
background-size: 400px 400px;
}
@@ -49,37 +118,37 @@ a{
.admin-menu-container {
position: relative;
overflow: auto;
background: #004E99;
color: #fff;
width: 16%;
background: #004e99;
color: #fff;
width: 16%;
padding: 20px 0;
line-height: 20px;
a{
a {
color: #fff;
}
.menu-logo{
.menu-logo {
display: table;
margin-bottom: 50px;
margin-left: 16px;
img{
img {
height: 22px;
}
}
.menu-list{
.menu-list {
margin: 50px 0;
}
details{
details {
&[open] {
svg {
transform: rotate(90deg);
}
summary {
background: #81B5E4;
a{
background: #81b5e4;
a {
font-weight: 700;
}
}
.icons{
.icons {
filter: brightness(100);
}
}
@@ -88,12 +157,12 @@ a{
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding-right: 16px;
border-radius: 4px;
cursor: pointer;
padding-right: 16px;
border-radius: 4px;
position: relative;
transition: .3s all;
a{
transition: 0.3s all;
a {
padding: 8px 16px;
display: flex;
align-items: center;
@@ -102,18 +171,18 @@ a{
svg {
position: absolute;
right: 16px;
transition: .3s all;
transition: 0.3s all;
}
.item {
display: flex;
align-items: center;
padding: 0 16px;
line-height: 36px;
transition: .3s all;
transition: 0.3s all;
border-radius: 4px;
&:hover{
background: #81B5E4;
.icons{
&:hover {
background: #81b5e4;
.icons {
filter: brightness(100);
}
}
@@ -124,38 +193,38 @@ a{
.sub-menu {
padding: 13px 13px 13px 45px;
position: relative;
&::before{
&::before {
content: "";
width: 1px;
height: calc(100% - 39px);
background: #79B0E2;
background: #79b0e2;
position: absolute;
left: 20px;
top: 20px;
top: 20px;
}
a{
a {
display: block;
margin-bottom: 15px;
position: relative;
&:hover{
&:hover {
text-decoration: underline;
}
&::before{
&::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #79B0E2;
background: #79b0e2;
position: absolute;
top: 6px;
left: -28px;
}
&:last-child{
&:last-child {
margin: 0;
}
}
}
.icons{
.icons {
width: 20px;
height: 20px;
margin-right: 13px;
@@ -203,11 +272,11 @@ a{
.item {
display: flex;
align-items: center;
transition: .3s all;
transition: 0.3s all;
position: relative;
&:hover{
background: #81B5E4;
.icons{
&:hover {
background: #81b5e4;
.icons {
filter: brightness(100);
}
.sub-menu {
@@ -220,37 +289,37 @@ a{
.sub-menu {
padding: 10px 22px 10px 15px;
border-radius: 6px;
background: #004E99;
background: #004e99;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
white-space: nowrap;
min-width: 150px;
z-index: -1;
transition: .2s all;
transition: 0.2s all;
position: absolute;
left: calc(100% + 30px);
top: 0;
opacity: 0;
visibility: hidden;
visibility: hidden;
min-width: 200px;
a{
a {
display: block;
margin-bottom: 12px;
line-height: 18px;
position: relative;
&:hover{
&:hover {
text-decoration: underline;
}
&::before{
&::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #79B0E2;
background: #79b0e2;
position: absolute;
top: 6px;
left: -18px;
}
&:last-child{
&:last-child {
margin: 0;
}
}
@@ -259,17 +328,17 @@ a{
padding-left: 16px;
margin-top: 10px;
position: relative;
&::before{
&::before {
content: "";
width: 1.5px;
background: #79B0E2;
background: #79b0e2;
position: absolute;
left: 1px;
top: 7px;
bottom: 7px;
}
}
.icons{
.icons {
width: 50px;
height: 40px;
}
@@ -311,22 +380,22 @@ a{
background-position: 6px -34px;
}
}
.admin-content-container{
.note-list{
.admin-content-container {
.note-list {
min-width: 144px;
a{
a {
display: block;
padding: 0 10px;
line-height: 35px;
transition: .2s all;
transition: 0.2s all;
&:hover {
background: #F5F7FF;
color: #0041E8;
background: #f5f7ff;
color: #0041e8;
font-weight: 600;
}
}
}
.content-holder{
.content-holder {
padding: 16px 0 16px 16px;
}
}
@@ -334,40 +403,42 @@ a{
text-align: center;
td {
padding: 13px 8px;
border: 1px solid #ECECEC;
border: 1px solid #ececec;
}
tbody {
td{
padding: 5px 8px;
&:nth-child(2), &:nth-child(3){
td {
padding: 5px 8px;
&:nth-child(2),
&:nth-child(3) {
text-align: left;
}
&:nth-child(2){
color: #0041E8;
&:nth-child(2) {
color: #0041e8;
}
}
}
}
.admin-home-tab{
.admin-home-tab {
overflow: auto;
a{
color: #A0A8B5;
a {
color: #a0a8b5;
padding: 9px 7.7px;
text-align: center;
border-right: 1px solid #DDE1EB;
border-right: 1px solid #dde1eb;
white-space: nowrap;
&:last-child{
&:last-child {
border: 0;
}
&:hover,&.current{
background: #0041E8;
&:hover,
&.current {
background: #0041e8;
color: #fff;
}
}
}
.home-report-holder {
display: none;
table{
table {
width: 100%;
line-height: 20px;
text-align: center;
@@ -376,26 +447,79 @@ a{
background: #f6f6f6;
font-weight: 500;
}
td{
border: 1px solid #ECECEC;
td {
border: 1px solid #ececec;
padding: 14px 5px;
a{
a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&:nth-child(2){
&:nth-child(2) {
text-align: left;
}
}
}
.home-todo-list{
td{
.home-todo-list {
td {
padding: 0 4px;
color: #000 !important;
&:nth-child(1), &:nth-child(3), &:nth-child(4){
&:nth-child(1),
&:nth-child(3),
&:nth-child(4) {
white-space: nowrap;
}
}
}
}
.product-list {
th {
padding: 10px;
border: 1px solid #ececec;
background: #f6f6f6;
}
td {
padding: 8px;
border: 1px solid #ececec;
}
}
.product-sale-info {
td {
padding: 14px;
border: 1px solid #ececec;
}
}
input[type="radio"] {
position: absolute;
&:before {
content: "";
background: #fff;
border-radius: 100%;
border: 1.5px solid #0041e8;
display: inline-block;
width: 20px;
height: 20px;
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 4px #fff;
}
}
&:focus {
&:before {
outline: none;
border-color: #0041e8;
}
}
}