Rapport-Laravel/resources/views/ivareport/_mobile.blade.php

85 lines
1.8 KiB
PHP

<style type="text/css">
body .account-pages > .container {
max-width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.iva-mobile .page-title {
font-size: 1.15rem;
margin-bottom: 8px;
}
.iva-mobile .row > [class*="col-"] {
flex: 0 0 100%;
max-width: 100%;
}
.iva-mobile .iva-mobile-back {
display: inline-block;
margin-bottom: 6px;
font-size: 14px;
}
.iva-mobile .iva-filter-form,
.iva-mobile .iva-filter-form > .d-flex {
width: 100%;
justify-content: stretch !important;
}
.iva-mobile .iva-filter-form > .d-flex {
flex-direction: column;
align-items: stretch !important;
}
.iva-mobile .iva-filter-form .dropdown,
.iva-mobile .iva-filter-form .dropdown-toggle,
.iva-mobile .iva-filter-form .form-select,
.iva-mobile .iva-filter-form #iva-month-select {
width: 100% !important;
}
.iva-mobile .iva-filter-form .dropdown-menu {
width: 100%;
min-width: 0 !important;
}
.iva-mobile .iva-report-table {
font-size: 12px;
}
.iva-mobile .iva-report-table thead th {
min-width: 72px;
}
.iva-mobile .card-header {
flex-wrap: wrap;
gap: 8px;
padding-left: 12px;
padding-right: 12px;
}
.iva-mobile .dataTables_wrapper {
width: 100%;
overflow-x: auto;
}
.iva-mobile-landing {
padding: 16px 12px 24px;
}
.iva-mobile-landing .iva-mobile-actions {
display: flex;
flex-direction: column;
gap: 12px;
}
.iva-mobile-landing .iva-mobile-btn {
display: block;
width: 100%;
padding: 16px 18px;
font-size: 16px;
text-align: left;
}
</style>