feat: complete admin panel and backend admin api migration
This commit is contained in:
s.esmaeili
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.7 KiB |
@@ -0,0 +1,79 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 425.2 425.2" style="enable-background:new 0 0 425.2 425.2;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#21284E;}
|
||||
.st1{fill:#896B43;}
|
||||
.st2{fill:#999998;}
|
||||
</style>
|
||||
<g id="XMLID_22_">
|
||||
<g id="XMLID_125_">
|
||||
<path id="XMLID_135_" class="st0" d="M109.6,299.5v0.7H93.5v-0.7l0.7-0.1c1.4-0.1,2.5-0.5,3.1-1.2c0.6-0.8,0.9-1.9,0.9-3.6v-15.4
|
||||
H75.5v15.4c0,1.6,0.3,2.8,0.9,3.6s1.7,1.2,3.1,1.2l0.7,0.1v0.7H64.2v-0.7l0.7-0.1c1.4-0.1,2.5-0.5,3.1-1.2
|
||||
c0.6-0.8,0.9-1.9,0.9-3.6v-30.2c0-1.6-0.3-2.8-0.9-3.6c-0.6-0.8-1.7-1.2-3.1-1.2l-0.7-0.1v-0.7h16.1v0.7l-0.7,0.1
|
||||
c-1.4,0.1-2.5,0.5-3.1,1.2c-0.6,0.8-0.9,2-0.9,3.6v13.3h22.8v-13.3c0-1.6-0.3-2.8-0.9-3.6c-0.6-0.8-1.7-1.2-3.1-1.2l-0.7-0.1v-0.7
|
||||
h16.1v0.7l-0.7,0.1c-1.4,0.1-2.5,0.5-3.1,1.2s-0.9,1.9-0.9,3.6v30.2c0,1.6,0.3,2.8,0.9,3.6s1.7,1.2,3.1,1.2L109.6,299.5z"/>
|
||||
<path id="XMLID_133_" class="st0" d="M155.1,284.3L155.1,284.3l-0.3-0.8c-0.5-1.6-1.3-2.7-2.5-3.5c-1.2-0.7-2.9-1.1-5-1.1h-7.4
|
||||
v19.6h9.9c2.4,0,4.4-0.5,6.1-1.6s3.1-2.8,4.4-5.2l0.9-1.6h0.5c-0.2,1.4-0.5,3-0.8,4.7s-0.6,3.2-0.8,4.6H160l-0.1,0.8h-31.3v-0.7
|
||||
l0.7-0.1c1.4-0.1,2.5-0.5,3.1-1.2c0.6-0.8,0.9-1.9,0.9-3.6v-30.2c0-1.6-0.3-2.8-0.9-3.6c-0.6-0.8-1.7-1.2-3.1-1.2l-0.7-0.1v-0.7
|
||||
h31.3V269h-0.5l-0.5-1.6c-0.8-2.4-1.9-4.1-3.4-5.2c-1.5-1.1-3.4-1.6-5.8-1.6H140v16.8h7.4c2.1,0,3.8-0.3,5-1s2-1.7,2.5-3.1
|
||||
l0.2-0.7h0.5v11.6L155.1,284.3L155.1,284.3z"/>
|
||||
<path id="XMLID_131_" class="st0" d="M180.8,259.6l-0.1-0.7h10.8l24.2,31.8v-26.2c0-1.6-0.3-2.8-0.9-3.6c-0.6-0.8-1.7-1.2-3.1-1.2
|
||||
l-0.7-0.1v-0.7h11.4v0.7l-0.7,0.1c-1.4,0.1-2.5,0.5-3.1,1.2c-0.6,0.8-0.9,1.9-0.9,3.6v37.1h-2c-4.7-6.2-9.4-12.3-14-18.5
|
||||
c-4.7-6.1-9.4-12.3-14.1-18.5v30.1c0,1.6,0.3,2.8,0.9,3.6c0.6,0.8,1.7,1.2,3.1,1.2l0.7,0.1v0.7h-11.4v-0.7l0.7-0.1
|
||||
c1.4-0.1,2.5-0.5,3.1-1.2c0.6-0.8,0.9-1.9,0.9-3.6v-30.2c0-1.6-0.3-2.8-0.9-3.6c-0.6-0.8-1.7-1.2-3.1-1.2L180.8,259.6z"/>
|
||||
<path id="XMLID_129_" class="st0" d="M273.1,289.1h-0.2c0.2,0,0.3,0.1,0.4,0.1c0.3,0.2,0.4,0.3,0.4,0.4c-0.2,1.5-0.5,3.1-0.8,4.9
|
||||
s-0.6,3.4-0.8,4.9l-0.1,0.9h-30.7l23.8-39.7h-11.5c-1.9,0-3.6,0.5-5.1,1.3c-1.5,0.9-2.9,2.3-4.3,4.2l-1.3,2h-0.5
|
||||
c0.4-1.3,0.7-2.6,1.2-4.2s0.8-2.9,1.2-4.2h-0.1l0.2-0.9h29.1L250,298.5h12.7c2.2,0,4-0.5,5.4-1.5s2.6-2.6,3.6-4.8L273.1,289.1z"/>
|
||||
<path id="XMLID_126_" class="st0" d="M292.9,300.3v-0.7l0.8-0.1c2.6-0.1,4.4-1.5,5.6-4.2l14.2-37.4h1.6l16.1,36.8
|
||||
c0.9,1.9,1.8,3.2,2.6,3.9s2.1,1,3.6,1v0.7h-17.7v-0.7l1.5-0.1c1.6-0.1,2.6-0.5,3.1-1.2c0.4-0.7,0.3-1.9-0.4-3.6l-3.8-9h-15.2
|
||||
l-3.1,8.5c-0.6,1.8-0.7,3.1-0.1,4s1.8,1.3,3.7,1.4l1,0.1v0.7H292.9z M319.4,283.9l-7.4-17.5l-6.4,17.5H319.4z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="XMLID_3031_">
|
||||
<path id="XMLID_3149_" class="st1" d="M176.7,153.1c18.5,0,29.8,6.9,30.1,23.7c0.3-16.8,11.6-23.7,30.1-23.7v0
|
||||
c-18.5,0-29.8-6.9-30.1-23.7C206.5,146.2,195.2,153.1,176.7,153.1"/>
|
||||
<g id="XMLID_3102_">
|
||||
<g id="XMLID_31_">
|
||||
<path id="XMLID_32_" class="st0" d="M175.6,148.1v43.4c-0.1,14.1-3.3,24-9.4,29.5c-3.8,3.3-8.9,5.7-15.3,7.1l-0.8-1.5
|
||||
c5-2.6,8.7-6.7,11.1-12.3s3.6-13.2,3.6-22.9v-89.1c0-2.9-1-5.3-3.1-7.4c-2-2.1-4.6-3.1-7.6-3.1h-2v-1.7h36.2V92h-2.2
|
||||
c-2.8,0-5.2,1-7.2,2.9c-2,1.9-3.2,4.3-3.4,7.2v43.1"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="XMLID_3033_">
|
||||
<g id="XMLID_30_">
|
||||
<path id="XMLID_34_" class="st0" d="M238.9,145.2v-43.1c-0.2-2.9-1.4-5.3-3.4-7.2c-2.1-1.9-4.4-2.9-7.2-2.9h-2.2v-1.7h36.2V92h-2
|
||||
c-3,0-5.5,1-7.6,3.1c-2.1,2-3.1,4.5-3.1,7.4v89.1c0,9.7,1.2,17.4,3.6,22.9s6.1,9.6,11.1,12.3l-0.8,1.5
|
||||
c-6.4-1.4-11.5-3.8-15.3-7.1c-6.2-5.5-9.3-15.4-9.4-29.5v-43.4"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="XMLID_1_">
|
||||
<g id="XMLID_160_">
|
||||
<path id="XMLID_175_" class="st2" d="M140,323.8v4.5c-0.3,0.3-0.6,0.5-0.9,0.6s-0.6,0.3-1,0.4s-0.7,0.2-1.1,0.2s-0.8,0-1.2,0
|
||||
c-0.8,0-1.5-0.1-2.2-0.5c-0.7-0.3-1.3-0.7-1.8-1.2c-0.5-0.5-0.9-1.1-1.2-1.8s-0.4-1.4-0.4-2.2c0-0.5,0.1-1,0.2-1.5
|
||||
s0.3-0.9,0.6-1.4c0.2-0.4,0.6-0.8,0.9-1.1c0.4-0.4,0.7-0.6,1.1-0.9s0.9-0.4,1.4-0.6c0.5-0.1,1-0.2,1.5-0.2c0.4,0,0.8,0,1.2,0.1
|
||||
s0.8,0.2,1.1,0.4c0.4,0.2,0.7,0.4,1,0.6c0.3,0.2,0.6,0.5,0.9,0.8l-0.3,0.3c-0.1,0.1-0.3,0.2-0.4,0.3s-0.3,0.1-0.5,0.1
|
||||
c-0.2,0-0.4-0.1-0.6-0.2c-0.3-0.2-0.7-0.4-1.1-0.5c-0.4-0.1-0.8-0.2-1.3-0.2c-0.6,0-1.1,0.1-1.6,0.3s-0.9,0.5-1.3,0.9
|
||||
c-0.4,0.4-0.7,0.8-0.9,1.3s-0.3,1-0.3,1.6s0.1,1.1,0.3,1.6s0.5,0.9,0.9,1.3s0.8,0.7,1.4,0.9c0.5,0.2,1.1,0.3,1.6,0.3
|
||||
c0.5,0,0.9-0.1,1.4-0.2c0.4-0.1,0.8-0.3,1.2-0.5v-2h-0.6c-0.2,0-0.4,0-0.5-0.1c-0.1-0.1-0.3-0.1-0.4-0.3s-0.2-0.2-0.2-0.4
|
||||
s-0.1-0.3-0.1-0.5v-0.3L140,323.8L140,323.8z"/>
|
||||
<path id="XMLID_172_" class="st2" d="M160.3,318.3h1.5l4.9,11.2h-0.9c-0.2,0-0.5-0.1-0.7-0.2s-0.4-0.3-0.4-0.5l-0.8-1.8h-5.7
|
||||
l-0.8,1.8c-0.1,0.2-0.2,0.4-0.4,0.5c-0.2,0.1-0.4,0.2-0.7,0.2h-0.9L160.3,318.3z M160.9,320.8l-2,4.7h4.4l-2-4.7
|
||||
c-0.1-0.2-0.1-0.4-0.1-0.7c0,0.1,0,0.2-0.1,0.4S161,320.7,160.9,320.8z"/>
|
||||
<path id="XMLID_170_" class="st2" d="M182.5,329.5v-11.2h1.5v9.6h4.8v1.5L182.5,329.5L182.5,329.5z"/>
|
||||
<path id="XMLID_168_" class="st2" d="M205.2,329.5v-11.2h1.5v9.6h4.8v1.5L205.2,329.5L205.2,329.5z"/>
|
||||
<path id="XMLID_166_" class="st2" d="M234.8,329.5h-6.9v-11.2h6.9v1.5h-5.4v3.2h4.3v1.5h-4.3v3.3h5.4V329.5z"/>
|
||||
<path id="XMLID_163_" class="st2" d="M253.3,329.5h-1.5v-11.2h4c0.5,0,0.9,0.1,1.3,0.3c0.4,0.2,0.7,0.4,1,0.7
|
||||
c0.3,0.3,0.5,0.6,0.7,1s0.3,0.8,0.3,1.3c0,0.4-0.1,0.7-0.2,1c-0.1,0.3-0.3,0.6-0.5,0.9s-0.4,0.5-0.7,0.7c-0.3,0.2-0.6,0.4-0.9,0.5
|
||||
l3.5,4.8h-1.1c-0.3,0-0.6-0.1-0.8-0.2c-0.2-0.1-0.4-0.3-0.6-0.5l-2.9-3.9h-1.7V329.5z M253.3,319.9v3.4h2.5c0.2,0,0.5,0,0.7-0.1
|
||||
c0.2-0.1,0.4-0.2,0.5-0.4c0.2-0.2,0.3-0.3,0.4-0.5s0.1-0.4,0.1-0.7s0-0.5-0.1-0.7s-0.2-0.4-0.4-0.5c-0.2-0.2-0.3-0.3-0.5-0.4
|
||||
c-0.2-0.1-0.4-0.1-0.7-0.1L253.3,319.9L253.3,319.9z"/>
|
||||
<path id="XMLID_161_" class="st2" d="M280.6,329.5H279v-4.7c0-0.1,0-0.2,0-0.3c0-0.1,0-0.2-0.1-0.2s-0.1-0.2-0.1-0.2
|
||||
c-0.1-0.1-0.1-0.2-0.2-0.3l-4-5.4h1.1c0.3,0,0.6,0.1,0.8,0.2c0.2,0.1,0.4,0.3,0.6,0.5l2.6,3.6c0,0.1,0.1,0.1,0.1,0.2s0,0.1,0,0.2
|
||||
c0,0,0-0.1,0-0.2s0-0.1,0.1-0.2l2.6-3.6c0.1-0.2,0.3-0.4,0.6-0.5s0.5-0.2,0.8-0.2h1.1l-4,5.4c-0.1,0.1-0.1,0.2-0.2,0.3
|
||||
s-0.1,0.2-0.1,0.2s-0.1,0.2-0.1,0.2c0,0.1,0,0.2,0,0.3L280.6,329.5L280.6,329.5z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.2 KiB |
@@ -0,0 +1,426 @@
|
||||
@layout-header-height: 61px;
|
||||
@border-color-base: ~'var(--accent)';
|
||||
@ant-prefix: ant;
|
||||
|
||||
:root {
|
||||
--primary: #41b883;
|
||||
--accent: #35495e;
|
||||
}
|
||||
|
||||
|
||||
body #app {
|
||||
.@{ant-prefix}-pagination-item {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-pagination-prev, .@{ant-prefix}-pagination-jump-prev, .@{ant-prefix}-pagination-jump-next {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-pagination-options {
|
||||
margin-right: 16px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-pagination-prev, .@{ant-prefix}-pagination-next {
|
||||
.@{ant-prefix}-pagination-item-link {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.@{ant-prefix}-pagination-options-quick-jumper {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
|
||||
.@{ant-prefix}-table-thead > tr > th {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-table table {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-modal-header table {
|
||||
padding-right: 48px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-col-1, .@{ant-prefix}-col-2, .@{ant-prefix}-col-3, .@{ant-prefix}-col-4,
|
||||
.@{ant-prefix}-col-5, .@{ant-prefix}-col-6, .@{ant-prefix}-col-7, .@{ant-prefix}-col-8,
|
||||
.@{ant-prefix}-col-9, .@{ant-prefix}-col-10, .@{ant-prefix}-col-11, .@{ant-prefix}-col-12,
|
||||
.@{ant-prefix}-col-13, .@{ant-prefix}-col-14, .@{ant-prefix}-col-15, .@{ant-prefix}-col-16,
|
||||
.@{ant-prefix}-col-17, .@{ant-prefix}-col-18, .@{ant-prefix}-col-19, .@{ant-prefix}-col-20,
|
||||
.@{ant-prefix}-col-21, .@{ant-prefix}-col-22, .@{ant-prefix}-col-23, .@{ant-prefix}-col-24 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.ant-form-item-label {
|
||||
text-align: right !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 576px) {
|
||||
.antd-pro-pages-forms-step-form-style-information .antd-pro-pages-forms-step-form-style-label {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-row {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.antd-pro-components-notice-icon-notice-list-datetime {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.ant-steps-item.ant-steps-item-wait {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.@{ant-prefix}-col-lg-1, .@{ant-prefix}-col-lg-2, .@{ant-prefix}-col-lg-3, .@{ant-prefix}-col-lg-4, .@{ant-prefix}-col-lg-5, .@{ant-prefix}-col-lg-6, .@{ant-prefix}-col-lg-7, .@{ant-prefix}-col-lg-8, .@{ant-prefix}-col-lg-9, .@{ant-prefix}-col-lg-10, .@{ant-prefix}-col-lg-11, .@{ant-prefix}-col-lg-12, .@{ant-prefix}-col-lg-13, .@{ant-prefix}-col-lg-14, .@{ant-prefix}-col-lg-15, .@{ant-prefix}-col-lg-16, .@{ant-prefix}-col-lg-17, .@{ant-prefix}-col-lg-18, .@{ant-prefix}-col-lg-19, .@{ant-prefix}-col-lg-20, .@{ant-prefix}-col-lg-21, .@{ant-prefix}-col-lg-22, .@{ant-prefix}-col-lg-23, .@{ant-prefix}-col-lg-24 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-modal-footer button + button {
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-select-selection-selected-value {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-select-dropdown-menu {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-calendar-picker-clear, .@{ant-prefix}-calendar-picker-icon {
|
||||
left: 12px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-calendar-prev-year-btn, .@{ant-prefix}-calendar-prev-month-btn, .@{ant-prefix}-calendar-next-month-btn, .@{ant-prefix}-calendar-next-year-btn {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.@{ant-prefix}-badge-status-text {
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-popover-inner-content {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-btn > .@{ant-prefix}icon + span, .@{ant-prefix}-btn > span + .@{ant-prefix}icon {
|
||||
margin-left: 0;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-dropdown-menu-item, .@{ant-prefix}-dropdown-menu-submenu-title {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-form-item-label label:after {
|
||||
margin: 0 2px 0 8px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-steps-small .@{ant-prefix}-steps-item-title {
|
||||
padding-left: 12px;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-steps-item-title::after {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-steps-small .@{ant-prefix}-steps-item-icon {
|
||||
margin-right: 8px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-steps-small.@{ant-prefix}-steps-horizontal:not(.@{ant-prefix}-steps-label-vertical) .@{ant-prefix}-steps-item {
|
||||
margin-left: 12px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-select-selection__placeholder,
|
||||
.@{ant-prefix}-select-search__field__placeholder {
|
||||
right: 20px;
|
||||
left: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.ant-col-sm-1,
|
||||
.ant-col-sm-2,
|
||||
.ant-col-sm-3,
|
||||
.ant-col-sm-4,
|
||||
.ant-col-sm-5,
|
||||
.ant-col-sm-6,
|
||||
.ant-col-sm-7,
|
||||
.ant-col-sm-8,
|
||||
.ant-col-sm-9,
|
||||
.ant-col-sm-10,
|
||||
.ant-col-sm-11,
|
||||
.ant-col-sm-12,
|
||||
.ant-col-sm-13,
|
||||
.ant-col-sm-14,
|
||||
.ant-col-sm-15,
|
||||
.ant-col-sm-16,
|
||||
.ant-col-sm-17,
|
||||
.ant-col-sm-18,
|
||||
.ant-col-sm-19,
|
||||
.ant-col-sm-20,
|
||||
.ant-col-sm-21,
|
||||
.ant-col-sm-22,
|
||||
.ant-col-sm-23,
|
||||
.ant-col-sm-24 {
|
||||
float: right;
|
||||
flex: 0 0 auto;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.@{ant-prefix}-input-number-handler-wrap {
|
||||
border-radius: 4px 0px 0px 4px;
|
||||
right: auto;
|
||||
left: 0;
|
||||
border-right: 1px solid #d9d9d9;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-input-number-input {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-input-group {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-form-vertical .@{ant-prefix}-form-item-label, .@{ant-prefix}-col-24.@{ant-prefix}-form-item-label, .@{ant-prefix}-col-xl-24.@{ant-prefix}-form-item-label {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-time-picker-icon, .@{ant-prefix}-time-picker-clear {
|
||||
left: 11px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-popover-message-title {
|
||||
padding-left: 0;
|
||||
padding-right: 22px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-popover-title {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.anticon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-steps-horizontal:not(.@{ant-prefix}-steps-label-vertical) .@{ant-prefix}-steps-item:last-child .@{ant-prefix}-steps-item-title {
|
||||
padding-right: 14px;
|
||||
}
|
||||
|
||||
.antd-pro-components-result-index-result .antd-pro-components-result-index-actions button:not(:last-child) {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
|
||||
.antd-pro-pages-list-basic-list-standardList .antd-pro-pages-list-basic-list-headerInfo > em {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
|
||||
.@{ant-prefix}-tabs-nav-scroll {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-badge-status {
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.@{ant-prefix}-tabs-nav-container, .antd-pro-components-notice-icon-index-popover .@{ant-prefix}-spin-container {
|
||||
direction: ltr;
|
||||
|
||||
& .@{ant-prefix}-tabs-tab {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button, .ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
|
||||
width: 100%;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-tabs-tabpane {
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-collapse > .@{ant-prefix}-collapse-item > .@{ant-prefix}-collapse-header .@{ant-prefix}-collapse-arrow {
|
||||
transform: translateY(-50%) scale(-1, 1);
|
||||
}
|
||||
|
||||
|
||||
.@{ant-prefix}-radio-group, .@{ant-prefix}-radio-group-outline, .@{ant-prefix}-btn-group {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-list-item-content {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-list-item-meta-avatar {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-input-group .@{ant-prefix}-input {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-select-selection--multiple .@{ant-prefix}-select-selection__choice {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-list-vertical .@{ant-prefix}-list-item-action > li:first-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.ant-input-search-enter-button input {
|
||||
border-left-width: 0;
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-list-item-action-split {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-tag {
|
||||
margin-left: 8px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-modal-confirm .@{ant-prefix}-modal-confirm-btns button + button {
|
||||
margin-left: 0;
|
||||
margin-right: 8px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-menu-inline .@{ant-prefix}-menu-submenu-title {
|
||||
padding-right: 20px;
|
||||
padding-left: 34px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-menu-item .@{ant-prefix}icon, .@{ant-prefix}-menu-submenu-title .@{ant-prefix}icon {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-menu-submenu-vertical > .@{ant-prefix}-menu-submenu-title .@{ant-prefix}-menu-submenu-arrow, .@{ant-prefix}-menu-submenu-vertical-left > .@{ant-prefix}-menu-submenu-title .@{ant-prefix}-menu-submenu-arrow, .@{ant-prefix}-menu-submenu-vertical-right > .@{ant-prefix}-menu-submenu-title .@{ant-prefix}-menu-submenu-arrow, .@{ant-prefix}-menu-submenu-inline > .@{ant-prefix}-menu-submenu-title .@{ant-prefix}-menu-submenu-arrow {
|
||||
right: auto;
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-steps-dot .@{ant-prefix}-steps-item-tail {
|
||||
margin: 0 80px 0 0;
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-steps-dot .@{ant-prefix}-steps-item-icon {
|
||||
margin-right: 67px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-tabs-nav {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-input-search-enter-button .@{ant-prefix}-input-group {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-input-search .@{ant-prefix}-input-group-addon .@{ant-prefix}-input-search-button {
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
|
||||
padding-right: 5px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ant-input-group:not(.ant-input-wrapper) > .ant-input:first-child, .ant-input-group-addon:first-child {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.ant-input-group.ant-input-group-compact > *:last-child {
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
}
|
||||
|
||||
.ant-upload-list-item-info {
|
||||
padding-right: 45px;
|
||||
|
||||
.ant-upload-list-item-name {
|
||||
font-family: Arial !important;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.anticon-paper-clip {
|
||||
right: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-radio-wrapper {
|
||||
direction: ltr;
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.tether-element {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.@{ant-prefix}-modal-wrap {
|
||||
.@{ant-prefix}-modal-header {
|
||||
padding-right: 48px;
|
||||
}
|
||||
|
||||
}
|
||||
.ant-select-dropdown{
|
||||
|
||||
z-index: 2500000;
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
// Ported from legacy henza_admin/src/assets/scss/ara/farsi.scss
|
||||
// Converted .scss -> .less (no Sass features were used; this file is plain CSS).
|
||||
//
|
||||
// PORTED FAITHFULLY INCLUDING A KNOWN LEGACY BUG — see docs/ADMIN-PORT-PLAN.md:
|
||||
// 1. All five @font-face blocks point at the SAME iran-yekan-400.woff2 file even
|
||||
// though iran-yekan-700.woff2 exists. Bold text therefore renders in the
|
||||
// regular weight (synthesised bold at best).
|
||||
// 2. `format("woff")` is declared for a .woff2 file (wrong format hint).
|
||||
// 3. The `body, *` reset sets `font-weight: inherit`, which flattens all heading
|
||||
// weights (h1..h6 lose their default bold).
|
||||
// None of these are fixed here. Flagged, not silently corrected.
|
||||
|
||||
@font-face {
|
||||
font-family: 'p-yek';
|
||||
src: url("../fonts/yekan/iran-yekan-400.woff2") format("woff");
|
||||
font-weight: normal;
|
||||
font-style: normal
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'p-yek';
|
||||
src: url("../fonts/yekan/iran-yekan-400.woff2") format("woff");
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'p-yek';
|
||||
src: url("../fonts/yekan/iran-yekan-400.woff2") format("woff");
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'p-yek';
|
||||
src: url("../fonts/yekan/iran-yekan-400.woff2") format("woff");
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'p-yek';
|
||||
src: url("../fonts/yekan/iran-yekan-400.woff2") format("woff");
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
body, * {
|
||||
font-family: p-yek ,sans-serif, tahoma;
|
||||
letter-spacing: 0px !important;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ara-icon-button{
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
// Style entry for admin-panel.
|
||||
// Order matters and mirrors legacy henza_admin/src/main.js:
|
||||
// 1. ant-design-vue's own less theme (compiled with the modifyVars in vite.config.ts)
|
||||
// 2. farsi.scss -> font faces + global reset
|
||||
// 3. ara/ant.less -> RTL overrides layered on top of ant's defaults
|
||||
@import 'ant-design-vue/dist/antd.less';
|
||||
@import './farsi.less';
|
||||
@import './ant.less';
|
||||
// 4. utilities.less -> the global utility layer replacing legacy's Tailwind
|
||||
// build. Must come LAST so its card chrome layers over ant's own styles.
|
||||
@import './utilities.less';
|
||||
@@ -0,0 +1,94 @@
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
// Global utility layer.
|
||||
//
|
||||
// WHY THIS EXISTS. Legacy henza_admin shipped a full Tailwind build
|
||||
// (tailwind.config.js, ~28KB) whose custom scale the templates depend on —
|
||||
// `mb-base`, `text-primary`, `w-5`, `grid-cols-4` and friends all resolved
|
||||
// there. This port never installed Tailwind, but ~185 of those class names
|
||||
// survived in the ported templates. They were patched over by re-declaring a
|
||||
// handful of them inside each view's own `<style scoped>` block — 100+ copies
|
||||
// across 49 files, which (a) drifted in value and (b) could not reach child
|
||||
// components at all, because a scoped rule never applies inside a child.
|
||||
//
|
||||
// This file replaces all of that with ONE global definition, using LEGACY's
|
||||
// values rather than the drifted ones.
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
// ── Design tokens ────────────────────────────────────────────────────
|
||||
// Legacy themeConfig.js + vue.config.js modifyVars. These are also fed to the
|
||||
// ant LESS build in vite.config.ts; declaring them here as custom properties
|
||||
// makes them reachable from plain CSS too (App.vue:65 reads --primary-color).
|
||||
//
|
||||
// NOTE ant.less:5-7 declares `--primary: #41b883` / `--accent: #35495e` —
|
||||
// ant-design-pro boilerplate in Vue's own palette, inherited verbatim from
|
||||
// legacy. `--accent` drives @border-color-base, i.e. EVERY ant border. It is
|
||||
// left alone here (changing it is a visual decision, not a bug fix), but the
|
||||
// Henza tokens below are what application code should use.
|
||||
:root {
|
||||
--primary-color: #1c2d56;
|
||||
--secondary-color: #836447;
|
||||
--third-color: #f5cb55;
|
||||
--success-color: #28c76f;
|
||||
--danger-color: #ea5455;
|
||||
--warning-color: #ff9f43;
|
||||
}
|
||||
|
||||
// ── Text colour ──────────────────────────────────────────────────────
|
||||
.text-primary { color: var(--primary-color); }
|
||||
.text-secondary { color: var(--secondary-color); }
|
||||
.text-third { color: var(--third-color); }
|
||||
.text-success { color: var(--success-color); }
|
||||
.text-danger { color: var(--danger-color); }
|
||||
.text-warning { color: var(--warning-color); }
|
||||
|
||||
// ── Spacing ──────────────────────────────────────────────────────────
|
||||
// legacy tailwind.config.js:628,664 — `base` is 2.2rem, NOT the 1.5rem the
|
||||
// per-file copies drifted to.
|
||||
.mb-base { margin-bottom: 2.2rem; }
|
||||
.mt-base { margin-top: 2.2rem; }
|
||||
.p-base { padding: 2.2rem; }
|
||||
.mb-5 { margin-bottom: 1.25rem; }
|
||||
.mx-1 { margin: 0 0.25rem; }
|
||||
|
||||
// RTL-FLIPPED. The ported views deliberately invert these: the panel is RTL,
|
||||
// so a Tailwind `ml-*` from the legacy template must push to the RIGHT to keep
|
||||
// the original visual gap. Verified against the per-file copies this layer
|
||||
// replaces — .ml-1/.ml-3 were `margin-right`, .mr-4 was `margin-left`, in
|
||||
// every occurrence. Keep the logical inversion; do NOT "correct" it.
|
||||
.ml-1 { margin-right: 0.25rem; }
|
||||
.ml-3 { margin-right: 0.75rem; }
|
||||
.mr-4 { margin-left: 1rem; }
|
||||
|
||||
// ── Sizing ───────────────────────────────────────────────────────────
|
||||
// Tailwind's 0.25rem scale. `h-5` was used 17 times and defined NOWHERE, so
|
||||
// every `icon-class="w-5 h-5 …"` rendered at inherited size.
|
||||
.w-5 { width: 1.25rem; }
|
||||
.h-5 { height: 1.25rem; }
|
||||
.w-6 { width: 1.5rem; }
|
||||
.h-6 { height: 1.5rem; }
|
||||
.w-full { width: 100%; }
|
||||
|
||||
// ── Layout ───────────────────────────────────────────────────────────
|
||||
.flex { display: flex; }
|
||||
.inline-flex { display: inline-flex; }
|
||||
.items-center { align-items: center; }
|
||||
.justify-center { justify-content: center; }
|
||||
.justify-between { justify-content: space-between; }
|
||||
.gap-2 { gap: 0.5rem; }
|
||||
.cursor-pointer { cursor: pointer; }
|
||||
|
||||
// Responsive auto-fit grids. These are a port-ism (legacy used Tailwind's
|
||||
// explicit `grid-cols-N` + breakpoint prefixes); kept because every ported
|
||||
// form already binds them.
|
||||
.grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
|
||||
.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
|
||||
.grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
|
||||
|
||||
// ── Card chrome ──────────────────────────────────────────────────────
|
||||
// Legacy's <vx-card> (vuexy/components/vxCard.scss:1-11) carried a soft shadow
|
||||
// and 8px radius. <a-card> is a flat 1px-bordered box, which is the single
|
||||
// most visible difference across the 54 card sites in the port.
|
||||
body #app .ant-card {
|
||||
border-radius: 0.5rem;
|
||||
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
Reference in New Issue
Block a user