UI: сделать плитки загрузок тоньше

This commit is contained in:
AidarKC
2026-07-31 17:07:33 +04:00
parent bcae285ab3
commit 60ab476ec7
3 changed files with 34 additions and 18 deletions
+1 -1
View File
@@ -1,2 +1,2 @@
client.version=1.4.5
client.version=1.4.6
server.version=1.4.0
+4
View File
@@ -1,5 +1,9 @@
# История изменений документации блокчейна
## 2026-07-31 17:06:55 +0400
- Базовый коммит-ориентир: `bcae285`.
- Уточнён UI журнала загрузок Arweave: плитки принудительно не растягиваются по высоте, а контейнер журнала запрещает горизонтальную прокрутку; формат attach-блока не изменён.
## 2026-07-31 16:58:00 +0400
- Базовый коммит-ориентир: `cd67176`.
- Уточнён UI журнала загрузок Arweave: экран называется `Загрузка файлов`, верхняя панель стала компактной и закреплённой сверху, плитки журнала тёмные и уменьшены по высоте; формат attach-блока не изменён.
+29 -17
View File
@@ -2499,12 +2499,17 @@ textarea.input {
}
.ar-attachment-history-tiles {
align-content: start;
box-sizing: border-box;
display: grid;
gap: 0.36rem;
gap: 0.28rem;
grid-auto-rows: min-content;
max-height: 58vh;
max-width: 100%;
min-width: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0.45rem;
padding: 0.35rem;
scrollbar-color: rgba(212, 175, 55, 0.65) rgba(255, 255, 255, 0.06);
scrollbar-width: thin;
width: 100%;
@@ -2532,15 +2537,15 @@ textarea.input {
.ar-attachment-history-tile {
background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(22, 36, 53, 0.96));
border: 1px solid rgba(212, 175, 55, 0.2);
border-radius: 0.65rem;
border-radius: 0.52rem;
box-sizing: border-box;
color: #f8fafc;
display: grid;
gap: 0.18rem;
gap: 0.12rem;
max-width: 100%;
min-width: 0;
overflow: hidden;
padding: 0.42rem 0.52rem;
padding: 0.28rem 0.42rem;
width: 100%;
}
@@ -2562,8 +2567,8 @@ textarea.input {
.ar-attachment-history-name {
display: block;
font-size: 0.86rem;
line-height: 1.12;
font-size: 0.78rem;
line-height: 1.08;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
@@ -2582,19 +2587,22 @@ textarea.input {
color: #cbd5e1;
display: flex;
flex-wrap: wrap;
font-size: 0.68rem;
gap: 0.28rem;
font-size: 0.6rem;
gap: 0.22rem;
line-height: 1.05;
min-width: 0;
}
.ar-attachment-history-txid {
background: rgba(255, 255, 255, 0.06);
border-radius: 0.42rem;
border-radius: 0.34rem;
color: rgba(226, 232, 240, 0.86);
font-size: 0.52rem;
line-height: 1.15;
font-size: 0.46rem;
line-height: 1.05;
max-width: 100%;
min-width: 0;
overflow: hidden;
padding: 0.22rem 0.32rem;
padding: 0.14rem 0.24rem;
text-overflow: ellipsis;
white-space: nowrap;
}
@@ -2602,10 +2610,10 @@ textarea.input {
.ar-attachment-status {
border-radius: 999px;
flex: 0 0 auto;
font-size: 0.68rem;
font-size: 0.58rem;
font-weight: 800;
line-height: 1;
padding: 0.28rem 0.42rem;
padding: 0.2rem 0.32rem;
}
.ar-attachment-status--available {
@@ -2628,14 +2636,17 @@ textarea.input {
border-radius: 999px;
color: #1e3a8a;
flex: 0 0 auto;
font-size: 0.68rem;
font-size: 0.58rem;
font-weight: 800;
line-height: 1;
padding: 0.28rem 0.42rem;
padding: 0.2rem 0.32rem;
}
.arweave-uploads-screen {
box-sizing: border-box;
min-height: 100vh;
max-width: 100%;
overflow-x: hidden;
padding-top: 0;
}
@@ -2706,6 +2717,7 @@ textarea.input {
.arweave-uploads-list {
max-height: calc(100vh - 4.4rem);
min-height: calc(100vh - 4.4rem);
width: 100%;
}
.mono-cell {