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