NetsPro/Reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

фикс

Browse Source
This commit is contained in:
Professional 2025-05-26 01:37:24 +07:00
parent 84333f7c03
commit f0d4df2ce8
1 changed files with 14 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/admin/AdminReportDetail.vue
View File

@ -399,7 +399,11 @@ export default {
<style scoped> <style scoped>
.admin-report-detail { .admin-report-detail {
padding-bottom: 2rem; /* Base padding, applied if no media query overrides a specific side */
padding-top: 1.5rem;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 2rem; /* Default bottom padding */
max-width: 100%; max-width: 100%;
} }
@ -785,15 +789,11 @@ h2 {
.modal-actions { .modal-actions {
flex-direction: column; flex-direction: column;
} }
.admin-report-detail {
padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
}
} }
@media (max-width: 480px) { @media (max-width: 480px) {
.admin-report-detail { .admin-report-detail {
padding: 1rem 0.5rem calc(60px + env(safe-area-inset-bottom, 0px)) 0.5rem; padding: 1rem 0.5rem 1.5rem 0.5rem; /* top, right, bottom, left */
} }
.header-controls { .header-controls {
@ -896,7 +896,8 @@ h2 {
/* Маленькие экраны (481px - 767px) */ /* Маленькие экраны (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) { @media (min-width: 481px) and (max-width: 767px) {
.admin-report-detail { .admin-report-detail {
padding: 1rem calc(60px + env(safe-area-inset-bottom, 0px)) 1rem; /* Corrected padding: top 1rem, sides 1rem, bottom 1.5rem */
padding: 1rem 1rem 1.5rem 1rem;
} }
.page-header { .page-header {
@ -945,7 +946,8 @@ h2 {
/* Средние экраны (768px - 991px) */ /* Средние экраны (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 768px) and (max-width: 991px) {
.admin-report-detail { .admin-report-detail {
padding: 1.5rem 1rem calc(60px + env(safe-area-inset-bottom, 0px)) 1rem; /* Corrected padding: top 1.5rem, sides 1rem, bottom 2rem */
padding: 1.5rem 1rem 2rem 1rem;
} }
.report-header { .report-header {
@ -977,7 +979,7 @@ h2 {
/* Большие экраны (992px - 1199px) */ /* Большие экраны (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) { @media (min-width: 992px) and (max-width: 1199px) {
.admin-report-detail { .admin-report-detail {
padding: 2rem 1.5rem; padding: 2rem 1.5rem; /* vertical 2rem, horizontal 1.5rem */
} }
.info-grid { .info-grid {
@ -998,7 +1000,7 @@ h2 {
/* Очень большие экраны (1200px+) */ /* Очень большие экраны (1200px+) */
@media (min-width: 1200px) { @media (min-width: 1200px) {
.admin-report-detail { .admin-report-detail {
padding: 2rem; padding: 2rem; /* All sides 2rem */
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
@ -1052,7 +1054,8 @@ h2 {
/* Ландшафтная ориентация на мобильных */ /* Ландшафтная ориентация на мобильных */
@media (max-height: 450px) and (orientation: landscape) { @media (max-height: 450px) and (orientation: landscape) {
.admin-report-detail { .admin-report-detail {
padding-bottom: calc(50px + env(safe-area-inset-bottom, 0px)); /* Adjusted padding for landscape mobile */
padding: 0.75rem 0.75rem 1rem 0.75rem; /* top, right, bottom, left */
} }
.header-controls { .header-controls {
@ -1137,19 +1140,6 @@ h2 {
} }
} }
/* Устройства с вырезом (notch) */
@supports (padding: env(safe-area-inset-bottom)) {
.admin-report-detail {
padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
}
@media (max-width: 480px) {
.admin-report-detail {
padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px));
}
}
}
/* Пользовательские карточки */ /* Пользовательские карточки */
.users-grid { .users-grid {
display: grid; display: grid;