danamir/asuinventory
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: convert mobile column widths to % and font-sizes to rem

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Your Name
2026-05-19 20:59:30 +03:00
parent 8e3cce0bb0
commit f750ef3a01
2 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/index.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>АСУ Инвентаризация</title> <title>АСУ Инвентаризация</title>
<link rel="stylesheet" href="/app/bootstrap.min.css" /> <link rel="stylesheet" href="/app/bootstrap.min.css" />
<link rel="stylesheet" href="/app/styles.css?v=10" /> <link rel="stylesheet" href="/app/styles.css?v=11" />
</head> </head>
<body> <body>
<header class="no-print"> <header class="no-print">

32
frontend/styles.css
View File

@@ -180,7 +180,7 @@ td.inv-col, th.inv-col {
} }
body { body {
font-size: 13px; font-size: 0.8rem;
} }
.card-body { .card-body {
@@ -188,7 +188,7 @@ td.inv-col, th.inv-col {
} }
.table td, .table th { .table td, .table th {
font-size: 11px; font-size: 0.69rem;
padding: 1px; padding: 1px;
} }
@@ -206,23 +206,23 @@ td.inv-col, th.inv-col {
} }
/* ID */ /* ID */
.byaud-table th:nth-child(1), .byaud-table th:nth-child(1),
.byaud-table td:nth-child(1) { width: 22px; } .byaud-table td:nth-child(1) { width: 6%; }
/* Инв. номер */ /* Инв. номер */
.byaud-table th:nth-child(2), .byaud-table th:nth-child(2),
.byaud-table td:nth-child(2) { width: 44px; } .byaud-table td:nth-child(2) { width: 12%; }
/* Название — auto, gets most remaining space */ /* Название — auto, gets most remaining space */
/* Расположение */ /* Расположение */
.byaud-table th:nth-child(4), .byaud-table th:nth-child(4),
.byaud-table td:nth-child(4) { width: 75px; } .byaud-table td:nth-child(4) { width: 20%; }
/* Кол-во */ /* Кол-во */
.byaud-table th:nth-child(5), .byaud-table th:nth-child(5),
.byaud-table td:nth-child(5) { width: 26px; } .byaud-table td:nth-child(5) { width: 7%; }
/* Тип */ /* Тип */
.byaud-table th:nth-child(6), .byaud-table th:nth-child(6),
.byaud-table td:nth-child(6) { width: 44px; } .byaud-table td:nth-child(6) { width: 12%; }
/* Владелец */ /* Владелец */
.byaud-table th:nth-child(7), .byaud-table th:nth-child(7),
.byaud-table td:nth-child(7) { width: 88px; } .byaud-table td:nth-child(7) { width: 25%; }
/* allEquipment table: Название и Расположение — приоритет */ /* allEquipment table: Название и Расположение — приоритет */
.allequip-table { .allequip-table {
@@ -231,36 +231,36 @@ td.inv-col, th.inv-col {
} }
/* № */ /* № */
.allequip-table th:nth-child(1), .allequip-table th:nth-child(1),
.allequip-table td:nth-child(1) { width: 20px; } .allequip-table td:nth-child(1) { width: 5%; }
/* Инв. номер */ /* Инв. номер */
.allequip-table th:nth-child(2), .allequip-table th:nth-child(2),
.allequip-table td:nth-child(2) { width: 44px; } .allequip-table td:nth-child(2) { width: 12%; }
/* Название — auto, gets most space */ /* Название — auto, gets most space */
/* Аудитория */ /* Аудитория */
.allequip-table th:nth-child(4), .allequip-table th:nth-child(4),
.allequip-table td:nth-child(4) { width: 34px; } .allequip-table td:nth-child(4) { width: 9%; }
/* Расположение — auto, shares space with Название */ /* Расположение — auto, shares space with Название */
/* Кол-во */ /* Кол-во */
.allequip-table th:nth-child(6), .allequip-table th:nth-child(6),
.allequip-table td:nth-child(6) { width: 24px; } .allequip-table td:nth-child(6) { width: 7%; }
/* Тип */ /* Тип */
.allequip-table th:nth-child(7), .allequip-table th:nth-child(7),
.allequip-table td:nth-child(7) { width: 46px; } .allequip-table td:nth-child(7) { width: 13%; }
/* Владелец */ /* Владелец */
.allequip-table th:nth-child(8), .allequip-table th:nth-child(8),
.allequip-table td:nth-child(8) { width: 55px; } .allequip-table td:nth-child(8) { width: 15%; }
.owner-td select { .owner-td select {
width: 100% !important; width: 100% !important;
max-width: 100%; max-width: 100%;
margin-bottom: 3px; margin-bottom: 3px;
font-size: 11px; font-size: 0.69rem;
} }
.owner-td .btn { .owner-td .btn {
width: 100%; width: 100%;
padding: 2px 4px; padding: 2px 4px;
font-size: 11px; font-size: 0.69rem;
margin: 0 !important; margin: 0 !important;
} }