25 lines
1.6 KiB
CSS
25 lines
1.6 KiB
CSS
body { font-family: system-ui, sans-serif; margin:0; }
|
|
.wrap { padding: 16px; max-width: 1000px; margin: 0 auto; }
|
|
.card { border: 1px solid #ddd; border-radius: 10px; padding: 12px; margin: 10px 0; }
|
|
.row { display:flex; justify-content:space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; min-width:0; }
|
|
.badge { border: 1px solid #bbb; border-radius: 999px; padding: 2px 8px; font-size: 12px; height: fit-content; }
|
|
.muted { color: #666; font-size: 13px; margin-top: 4px; }
|
|
.actions { display:flex; gap: 8px; margin-top: 10px; }
|
|
button { padding: 8px 12px; cursor:pointer; }
|
|
button[disabled] { opacity: 0.6; cursor: not-allowed; }
|
|
a { color: inherit; }
|
|
|
|
/* Basic markdown safety (in case styles.css is used by older panels) */
|
|
.md { max-width: 100%; overflow-x: auto; }
|
|
.md table { display:block; max-width:100%; overflow-x:auto; }
|
|
.md img { max-width: 100%; height: auto; }
|
|
|
|
/* README UX (E2): collapsible preview (standalone page only) */
|
|
.readmeWrap{ border:1px solid #ddd; border-radius:10px; padding:12px; background: #f7f7f7; max-width:100%; }
|
|
.readmeWrap.collapsed{ max-height:260px; overflow:hidden; position:relative; }
|
|
.readmeWrap.collapsed::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:56px; background: linear-gradient(to bottom, rgba(247,247,247,0), #f7f7f7); pointer-events:none; }
|
|
.readmeWrap.expanded{ max-height:70vh; overflow:auto; }
|
|
.readmeActions{ display:flex; justify-content:flex-end; margin-top:10px; }
|
|
button.link{ border:none; background:transparent; padding:6px 10px; color:#1E88E5; }
|
|
button.link:hover{ text-decoration:underline; }
|