72 lines
5.6 KiB
CSS
72 lines
5.6 KiB
CSS
.admin-assets-page { min-height: 100vh; color: #111111; background: #f6f6f4; }
|
|
.admin-assets-page > main { width: min(1360px, calc(100% - 64px)); margin: 0 auto; padding: 36px 0 80px; }
|
|
.admin-assets-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding-bottom: 18px; border-bottom: 1px solid #999993; }
|
|
.admin-assets-heading p { margin: 0 0 4px; font: 700 11px Consolas, monospace; }
|
|
.admin-assets-heading h1 { margin: 0; font-size: 34px; }
|
|
.admin-assets-heading > strong { font: 700 13px Consolas, monospace; }
|
|
.admin-assets-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 22px 0; border-block: 1px solid #8c8c86; background: #ffffff; }
|
|
.admin-assets-summary > span { display: grid; min-width: 0; gap: 6px; padding: 17px 18px; border-right: 1px solid #c1c1ba; color: #65655f; font-size: 12px; }
|
|
.admin-assets-summary > span:last-child { border-right: 0; }
|
|
.admin-assets-summary strong { color: #111111; font-size: 15px; overflow-wrap: anywhere; }
|
|
.admin-assets-summary .is-active { color: #1f6639; }
|
|
.admin-assets-summary .is-full,
|
|
.admin-assets-summary .is-unavailable { color: #9b2c23; }
|
|
.admin-assets-upload,
|
|
.admin-assets-list { margin-top: 22px; border-block: 1px solid #8c8c86; background: #ffffff; }
|
|
.admin-assets-upload > header,
|
|
.admin-assets-list > header { display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 0 16px; border-bottom: 1px solid #c1c1ba; background: #e7e7e2; }
|
|
.admin-assets-upload h2,
|
|
.admin-assets-list h2 { margin: 0; font-size: 16px; }
|
|
.admin-assets-upload header span,
|
|
.admin-assets-list header span { font: 700 11px Consolas, monospace; }
|
|
.admin-assets-form { display: grid; grid-template-columns: minmax(230px, 2fr) minmax(130px, 1fr) 84px 92px 130px auto; align-items: end; gap: 12px; padding: 18px 16px; }
|
|
.admin-assets-form label { display: grid; gap: 6px; min-width: 0; color: #4c4c47; font-size: 11px; font-weight: 800; }
|
|
.admin-assets-form input { width: 100%; min-height: 40px; padding: 7px 9px; border: 1px solid #777770; border-radius: 0; background: #ffffff; }
|
|
.admin-assets-form input[type="file"] { padding: 7px; }
|
|
.admin-assets-form .admin-assets-enabled { display: flex; min-height: 40px; align-items: center; gap: 8px; color: #111111; }
|
|
.admin-assets-enabled input { width: 18px; min-height: 18px; }
|
|
.admin-assets-form button,
|
|
.admin-assets-alert button { min-height: 42px; padding: 9px 14px; border: 1px solid #111111; border-radius: 0; background: #f2f500; font-weight: 900; }
|
|
.admin-assets-form button:disabled { color: #777770; background: #dfdfda; cursor: not-allowed; }
|
|
.admin-assets-blocked { margin: 0; padding: 12px 16px; border-top: 1px solid #e2b8b3; color: #812219; background: #fff1ef; font-weight: 700; }
|
|
.admin-assets-table-wrap { overflow-x: auto; }
|
|
.admin-assets-table-wrap table { width: 100%; min-width: 1120px; border-collapse: collapse; table-layout: fixed; }
|
|
.admin-assets-table-wrap th,
|
|
.admin-assets-table-wrap td { padding: 12px 10px; border-right: 1px solid #d0d0ca; border-bottom: 1px solid #d0d0ca; text-align: left; vertical-align: middle; font-size: 12px; }
|
|
.admin-assets-table-wrap thead th { background: #f1f1ed; font-weight: 900; }
|
|
.admin-assets-table-wrap th:first-child { width: 78px; }
|
|
.admin-assets-table-wrap th:nth-child(2) { width: 150px; }
|
|
.admin-assets-table-wrap th:nth-child(3) { width: 140px; }
|
|
.admin-assets-table-wrap th:nth-child(4) { width: 210px; }
|
|
.admin-assets-table-wrap th:nth-child(5) { width: 92px; }
|
|
.admin-assets-table-wrap th:nth-child(6),
|
|
.admin-assets-table-wrap th:nth-child(7) { width: 92px; }
|
|
.admin-assets-table-wrap th:last-child { width: 180px; }
|
|
.admin-assets-table-wrap img { display: block; width: 48px; height: 48px; object-fit: contain; border: 1px solid #c1c1ba; background: #f6f6f4; }
|
|
.admin-assets-table-wrap strong,
|
|
.admin-assets-table-wrap small { display: block; }
|
|
.admin-assets-table-wrap small { margin-top: 4px; color: #65655f; font-size: 10px; overflow-wrap: anywhere; }
|
|
.admin-assets-table-wrap input[type="number"] { width: 70px; min-height: 34px; margin-top: 5px; padding: 5px 7px; border: 1px solid #777770; border-radius: 0; }
|
|
.admin-assets-table-wrap td:last-child { display: flex; gap: 6px; }
|
|
.admin-assets-table-wrap button { min-height: 34px; padding: 6px 8px; border: 1px solid #555550; border-radius: 0; background: #ffffff; font-weight: 800; }
|
|
.admin-assets-table-wrap button:disabled { color: #8a8a84; background: #ecece8; }
|
|
.admin-assets-table-wrap .is-enabled { color: #1f6639; font-weight: 800; }
|
|
.admin-assets-table-wrap .is-disabled { color: #812219; font-weight: 800; }
|
|
.admin-assets-empty { margin: 0; padding: 34px 16px; color: #65655f; }
|
|
.admin-assets-notice { margin: 16px 0 0; padding: 13px 16px; border-left: 4px solid #287b45; background: #edf8f0; font-weight: 800; }
|
|
.admin-assets-alert { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; padding: 16px; border-left: 5px solid #d14a3b; background: #fff1ef; }
|
|
.admin-assets-loading { display: grid; gap: 10px; margin-top: 24px; }
|
|
.admin-assets-loading span { display: block; height: 62px; background: #dfdfda; }
|
|
@media (max-width: 900px) {
|
|
.admin-assets-page > main { width: 100%; padding-right: 16px; padding-left: 16px; }
|
|
.admin-assets-summary { grid-template-columns: 1fr; }
|
|
.admin-assets-summary > span { border-right: 0; border-bottom: 1px solid #c1c1ba; }
|
|
.admin-assets-form { grid-template-columns: 1fr 1fr; }
|
|
}
|
|
@media (max-width: 580px) {
|
|
.admin-product-header { padding: 0 12px; overflow-x: auto; }
|
|
.admin-product-header nav a { min-width: 66px; }
|
|
.admin-assets-form { grid-template-columns: 1fr; }
|
|
.admin-assets-heading { align-items: start; flex-direction: column; }
|
|
}
|