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

fix: reduce card-body padding and compress owner column on mobile

Browse Source 
- card-body padding: 16px -> 8px on mobile
- owner-td: max-width 110px, select+button stack vertically, font 11px
- Remove d-inline w-auto from owner select (was preventing compression)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Your Name
2026-05-19 14:56:58 +03:00
parent 062d6de913
commit ec6088904c
2 changed files with 27 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/index.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>АСУ Инвентаризация</title>
<link rel="stylesheet" href="/app/bootstrap.min.css" />
<link rel="stylesheet" href="/app/styles.css?v=2" />
<link rel="stylesheet" href="/app/styles.css?v=3" />
</head>
<body>
<header class="no-print">
@@ -195,13 +195,13 @@
<td class="rasp">{{ it.raspologenie ?? '' }}</td>
<td class="no-print">{{ it.kolichestvo ?? '' }}</td>
<td class="no-print">{{ it.type?.name ?? '' }}</td>
<td class="no-print">
<td class="no-print owner-td">
<template v-if="canEdit">
<select class="form-select form-select-sm d-inline w-auto" v-model="it.selectedOwnerId">
<select class="form-select form-select-sm" v-model="it.selectedOwnerId">
<option value="">— нет —</option>
<option v-for="ow in owners" :key="ow.id" :value="ow.id">{{ ow.name }}</option>
</select>
<button class="btn btn-sm btn-outline-primary ms-2" @click="saveOwner(it)">Сохранить</button>
<button class="btn btn-sm btn-outline-primary" @click="saveOwner(it)">Сохранить</button>
</template>
<template v-else>
{{ it.owner?.name ?? '' }}

23
frontend/styles.css
View File

@@ -179,11 +179,34 @@ td.inv-col, th.inv-col {
max-width: 120px;
}
.card-body {
padding: 8px;
}
.table td, .table th {
font-size: 12px;
padding: 4px 3px;
}
.owner-td {
min-width: 80px;
max-width: 110px;
}
.owner-td select {
width: 100% !important;
max-width: 100%;
margin-bottom: 3px;
font-size: 11px;
}
.owner-td .btn {
width: 100%;
padding: 2px 4px;
font-size: 11px;
margin: 0 !important;
}
.aud-select-bar {
flex-direction: column !important;
align-items: stretch !important;