aidar/SHiNE-server
SHA256
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: уплотнить журнал загрузок Arweave

Browse Source
This commit is contained in:
AidarKC
2026-07-31 13:50:17 +04:00
parent 98eba54621
commit cd67176b41
9 changed files with 219 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shine-UI/styles/components.css
+85 -14
View File
@@ -2500,20 +2500,27 @@ textarea.input {
.ar-attachment-history-tiles {
display: grid;
gap: 0.75rem;
gap: 0.5rem;
max-height: 58vh;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
padding-right: 0.1rem;
width: 100%;
}
.ar-attachment-history-tile {
background: linear-gradient(135deg, rgba(248, 250, 252, 0.96), rgba(236, 253, 245, 0.96));
border: 1px solid rgba(20, 184, 166, 0.22);
border-radius: 1rem;
border-radius: 0.8rem;
box-sizing: border-box;
color: #0f172a;
display: grid;
gap: 0.45rem;
padding: 0.9rem;
gap: 0.32rem;
max-width: 100%;
min-width: 0;
overflow: hidden;
padding: 0.62rem 0.7rem;
width: 100%;
}
.ar-attachment-history-tile.is-selected {
@@ -2532,6 +2539,16 @@ textarea.input {
justify-content: space-between;
}
.ar-attachment-history-name {
display: block;
font-size: 0.92rem;
line-height: 1.2;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ar-attachment-history-tile-head strong {
min-width: 0;
overflow: hidden;
@@ -2539,19 +2556,34 @@ textarea.input {
white-space: nowrap;
}
.ar-attachment-history-meta-row {
align-items: center;
color: #64748b;
display: flex;
flex-wrap: wrap;
font-size: 0.76rem;
gap: 0.35rem;
min-width: 0;
}
.ar-attachment-history-txid {
background: rgba(15, 23, 42, 0.06);
border-radius: 0.65rem;
padding: 0.45rem 0.55rem;
border-radius: 0.5rem;
font-size: 0.62rem;
line-height: 1.25;
overflow: hidden;
padding: 0.32rem 0.42rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.ar-attachment-status {
border-radius: 999px;
flex: 0 0 auto;
font-size: 0.74rem;
font-size: 0.68rem;
font-weight: 800;
line-height: 1;
padding: 0.35rem 0.55rem;
padding: 0.28rem 0.42rem;
}
.ar-attachment-status--available {
@@ -2569,20 +2601,59 @@ textarea.input {
color: #991b1b;
}
.ar-attachment-placement-flag {
background: rgba(219, 234, 254, 0.96);
border-radius: 999px;
color: #1e3a8a;
flex: 0 0 auto;
font-size: 0.68rem;
font-weight: 800;
line-height: 1;
padding: 0.28rem 0.42rem;
}
.arweave-uploads-screen {
min-height: calc(100vh - 2rem);
min-height: calc(100vh - 1rem);
}
.arweave-uploads-toolbar {
align-items: center;
background: rgba(248, 250, 252, 0.96);
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 0.9rem;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
gap: 0.5rem;
justify-content: space-between;
padding: 0.45rem;
position: sticky;
top: 0.5rem;
z-index: 15;
}
.arweave-uploads-back,
.arweave-uploads-menu-btn {
min-width: 2.6rem;
padding-inline: 0.7rem;
}
.arweave-uploads-menu {
background: #fff;
border: 1px solid rgba(15, 23, 42, 0.12);
border-radius: 0.85rem;
box-shadow: 0 18px 50px rgba(15, 23, 42, 0.18);
display: grid;
min-width: 13rem;
padding: 0.35rem;
position: absolute;
right: 0.45rem;
top: calc(100% + 0.35rem);
z-index: 20;
}
.arweave-uploads-list {
max-height: calc(100vh - 18rem);
min-height: 18rem;
max-height: calc(100vh - 7.5rem);
min-height: calc(100vh - 7.5rem);
}
.mono-cell {