Style : fix layout

uat
Quy_FE 2 months ago
parent 5bb67fe957
commit 8027fcaafc
  1. 2
      src/_components/Auth/InputText/index.scss
  2. 12
      src/_components/boxChart/boxChart.scss
  3. 4
      src/_screens/home/education-department/index.js

@ -98,7 +98,7 @@ $border-color: #4a4848;
.icon_label { .icon_label {
width: 31px; width: 31px;
margin-right: 8px; // margin-right: 8px;
@include screen_mobile { @include screen_mobile {
margin-right: 0 !important; margin-right: 0 !important;

@ -7,8 +7,12 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media (max-width: 1750px) { @media (min-width: 1600px) and (max-width: 1750px) {
max-width: 250px; width: 300px;
}
@media (max-width: 1599px) {
max-width: 220px;
} }
.box-chart-title { .box-chart-title {
@ -23,7 +27,9 @@
font-weight: 700; font-weight: 700;
} }
.doughnut-chart-content {} // .doughnut-chart-content {
// min-width: 120px;
// }
.custom-button { .custom-button {
padding: 8px; padding: 8px;

@ -256,7 +256,7 @@ export default function EducationDepartmentHome() {
<p className="education-department-home-note"> <p className="education-department-home-note">
Danh sách phòng giáo dục Danh sách phòng giáo dục
</p> </p>
<div className="d-flex detail-education-department-list-header"> <div className="detail-education-department-list-header">
<InputText <InputText
className="criteria-manage-search-input criteria-manage-item" className="criteria-manage-search-input criteria-manage-item"
value={searchText} value={searchText}
@ -271,6 +271,7 @@ export default function EducationDepartmentHome() {
} }
}} }}
/> />
<div style={{paddingTop: 10}}>
<PrimaryButton <PrimaryButton
isDisabled={false} isDisabled={false}
onClick={handleSubmit} onClick={handleSubmit}
@ -279,6 +280,7 @@ export default function EducationDepartmentHome() {
</PrimaryButton> </PrimaryButton>
</div> </div>
</div> </div>
</div>
<div onScroll={handleScroll} className="education-department-home-list-content scrollbar-custom"> <div onScroll={handleScroll} className="education-department-home-list-content scrollbar-custom">
<div className="education-department-home-list-room"> <div className="education-department-home-list-room">
{listOrganization.length > 0 ? listOrganization.map((item, index) => ( {listOrganization.length > 0 ? listOrganization.map((item, index) => (

Loading…
Cancel
Save