fix(web): stabilize conversation rail width
This commit is contained in:
parent
7917331e5a
commit
e47ff1f942
|
|
@ -847,8 +847,8 @@
|
||||||
文字入口;悬停可速览,点击后固定展开,且两组固定态互斥。 */
|
文字入口;悬停可速览,点击后固定展开,且两组固定态互斥。 */
|
||||||
#conversation-side-rail {
|
#conversation-side-rail {
|
||||||
position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
|
position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
|
||||||
z-index: 6; display: flex; flex-direction: column; width: max-content; min-width: 72px;
|
z-index: 6; display: flex; flex-direction: column;
|
||||||
max-width: min(280px, calc(100% - 24px)); max-height: 72%; padding: 4px;
|
width: min(176px, calc(100% - 24px)); max-height: 72%; padding: 4px;
|
||||||
overflow-y: auto; overflow-x: hidden; border: 1px solid rgba(225, 227, 229, .86);
|
overflow-y: auto; overflow-x: hidden; border: 1px solid rgba(225, 227, 229, .86);
|
||||||
border-radius: 11px; background: rgba(255, 255, 255, .92);
|
border-radius: 11px; background: rgba(255, 255, 255, .92);
|
||||||
box-shadow: 0 4px 16px rgba(24, 32, 41, .09); backdrop-filter: blur(8px);
|
box-shadow: 0 4px 16px rgba(24, 32, 41, .09); backdrop-filter: blur(8px);
|
||||||
|
|
@ -862,7 +862,7 @@
|
||||||
#conversation-side-rail::-webkit-scrollbar { display: none; }
|
#conversation-side-rail::-webkit-scrollbar { display: none; }
|
||||||
#conversation-side-divider { height: 1px; margin: 4px 3px; background: var(--border-soft); }
|
#conversation-side-divider { height: 1px; margin: 4px 3px; background: var(--border-soft); }
|
||||||
.conversation-rail-section {
|
.conversation-rail-section {
|
||||||
display: flex; flex-direction: column; align-items: stretch; gap: 2px; min-width: 62px;
|
display: flex; flex-direction: column; align-items: stretch; gap: 2px; min-width: 0;
|
||||||
}
|
}
|
||||||
.conversation-rail-caption {
|
.conversation-rail-caption {
|
||||||
display: grid; grid-template-columns: 1fr auto 8px; align-items: center; gap: 4px;
|
display: grid; grid-template-columns: 1fr auto 8px; align-items: center; gap: 4px;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue