Refactor code structure for improved readability and maintainability; removed redundant code blocks and optimized function calls.
This commit is contained in:
@@ -4,6 +4,7 @@
|
||||
--color-green: #005655;
|
||||
--color-red: #a75151;
|
||||
--color-gray: #f9fafb;
|
||||
--color-gray-extra:#6b788c;
|
||||
--text-color: #555555;
|
||||
--text-color-accent: #4a5361;
|
||||
--text-color-accent-2:#606c7e;
|
||||
@@ -531,7 +532,7 @@ main .content-block:has(.sortable) {
|
||||
main .content-block .block-header {
|
||||
position: relative;
|
||||
border-bottom: 1px solid #f0f1f2;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 10px;
|
||||
padding: 0 15px 15px 15px;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
@@ -573,7 +574,7 @@ main .content-block-wrapper .content-block:last-child {
|
||||
}
|
||||
|
||||
main .tabs {
|
||||
display: flex;
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
background-color: #dedfe1;
|
||||
@@ -584,21 +585,36 @@ main .tabs {
|
||||
|
||||
main .tabs a {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
padding: 12px 15px;
|
||||
border: 0;
|
||||
color: #6b788c;
|
||||
padding: 5px;
|
||||
border: 1px solid #ddd;
|
||||
color: var(--text-color);
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
main .tabs a:hover {
|
||||
background-color: #d8dadc;
|
||||
font-size: 12px;
|
||||
background-color: #e9e9e9;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
main .tabs a.active {
|
||||
color: var(--text-color-accent);
|
||||
background-color: var(--color-white);
|
||||
color: var(--color-white);
|
||||
background-color: var(--color-green);
|
||||
}
|
||||
|
||||
main .tabs a::after {
|
||||
content: "▶";
|
||||
font-size: 16px;
|
||||
transition: transform 0.3s ease;
|
||||
color:var(--color-indicator-1);
|
||||
}
|
||||
|
||||
main .tabs a.active::after {
|
||||
content: "▼";
|
||||
transform: rotate(0deg);
|
||||
color:var(--color-white);
|
||||
}
|
||||
|
||||
main .tabs ~ .content-block {
|
||||
@@ -608,6 +624,10 @@ main .tabs ~ .content-block {
|
||||
|
||||
main .tab-content {
|
||||
display: none;
|
||||
border: 1px solid #ddd;
|
||||
border-top: none;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s ease;
|
||||
}
|
||||
|
||||
main .tab-content.active {
|
||||
@@ -910,7 +930,7 @@ main .media-page .media .image:hover .title {
|
||||
main .order-details .order-detail {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 15px;
|
||||
padding-bottom: 10px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
@@ -997,8 +1017,8 @@ main .manage-order-table .delete-item:hover {
|
||||
.table table thead th,
|
||||
.table table thead td {
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
padding: 16px 20px;
|
||||
font-size: 12px;
|
||||
padding: 10px 10px;
|
||||
color: #64748b;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
@@ -1032,9 +1052,8 @@ main .manage-order-table .delete-item:hover {
|
||||
}
|
||||
|
||||
.table table tbody td {
|
||||
padding: 16px 20px;
|
||||
font-size: 14px;
|
||||
color: #334155;
|
||||
padding: 10px 10px;
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@@ -1084,8 +1103,8 @@ main .manage-order-table .delete-item:hover {
|
||||
|
||||
|
||||
.status {
|
||||
padding: 6px 12px;
|
||||
border-radius: 6px;
|
||||
padding: 3px 6px;
|
||||
border-radius: 4px;
|
||||
background-color: #10b981;
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
|
||||
Reference in New Issue
Block a user