mdmaid-desk 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/web-styles.d.ts +1 -1
- package/dist/web-styles.js +1 -1
- package/package.json +1 -1
package/dist/web-styles.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const WEB_STYLES = "\n@font-face {\n font-family: \"Departure Mono\";\n src: url(\"/assets/departure-mono.woff2\") format(\"woff2\");\n font-display: swap;\n}\n\n:root {\n color-scheme: light;\n --bg: #f4f1e8;\n --surface: #fffdf5;\n --surface-2: #ebe7dc;\n --ink: #161612;\n --muted: #6f6c63;\n --line: #c8c3b7;\n --accent: #ff5a36;\n --accent-soft: #ffe0d7;\n --reading: #3569e8;\n --done: #27825c;\n --shadow: 5px 5px 0 #161612;\n font-family: \"Departure Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n}\n\n:root[data-theme=\"dark\"] {\n color-scheme: dark;\n --bg: #151512;\n --surface: #1f1f1a;\n --surface-2: #2a2923;\n --ink: #f6f1e5;\n --muted: #aaa69a;\n --line: #4a4840;\n --accent: #ff7758;\n --accent-soft: #4a261e;\n --reading: #7ca0ff;\n --done: #69c69a;\n --shadow: 5px 5px 0 #000;\n}\n\n* { box-sizing: border-box; }\n\nbody {\n margin: 0;\n min-height: 100vh;\n background:\n linear-gradient(90deg, color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px),\n linear-gradient(color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px),\n var(--bg);\n background-size: 24px 24px;\n color: var(--ink);\n}\n\nbutton, input { font: inherit; }\nbutton { color: inherit; }\n[hidden] { display: none !important; }\n\n.topbar {\n position: sticky;\n top: 0;\n z-index: 20;\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 62px;\n padding: 10px 18px;\n border-bottom: 2px solid var(--ink);\n background: color-mix(in srgb, var(--surface) 94%, transparent);\n backdrop-filter: blur(12px);\n}\n\n.brand { display: flex; align-items: baseline; gap: 12px; }\n.brand strong { font-size: 17px; letter-spacing: -.04em; }\n.brand span, .eyebrow {\n color: var(--muted);\n font-size: 10px;\n letter-spacing: .14em;\n text-transform: uppercase;\n}\n\n.top-actions { display: flex; gap: 9px; align-items: center; }\n.live { font-size: 10px; color: var(--done); text-transform: uppercase; }\n.live.offline { color: var(--accent); }\n\n.icon-button, .action, .status-filter, .project-button, .document-card {\n border: 1px solid var(--ink);\n background: var(--surface);\n cursor: pointer;\n}\n.icon-button, .action { padding: 8px 11px; }\n.icon-button:hover, .action:hover { background: var(--ink); color: var(--surface); }\n\n.workspace {\n display: grid;\n grid-template-columns: 230px minmax(0, 1fr);\n min-height: calc(100vh - 62px);\n}\n\n.sidebar {\n border-right: 2px solid var(--ink);\n background: color-mix(in srgb, var(--surface) 92%, transparent);\n padding: 24px 14px;\n}\n\n.sidebar h2, .queue-header h1 {\n margin: 0;\n font-size: 11px;\n letter-spacing: .12em;\n text-transform: uppercase;\n}\n\n.project-nav { display: grid; gap: 7px; margin-top: 14px; }\n.project-button {\n display: flex;\n justify-content: space-between;\n width: 100%;\n padding: 10px;\n text-align: left;\n border-color: transparent;\n background: transparent;\n}\n.project-button:hover { border-color: var(--line); background: var(--surface-2); }\n.project-button.active { border-color: var(--ink); background: var(--ink); color: var(--surface); }\n.count { opacity: .68; font-variant-numeric: tabular-nums; }\n\n.shortcut-card {\n margin-top: 30px;\n padding: 12px;\n border: 1px dashed var(--line);\n color: var(--muted);\n font-size: 10px;\n line-height: 1.8;\n}\nkbd { border: 1px solid var(--line); padding: 1px 4px; background: var(--surface); color: var(--ink); }\n\n.main { min-width: 0; padding: 28px clamp(16px, 4vw, 60px) 60px; }\n.queue-header { display: grid; gap: 18px; margin-bottom: 22px; }\n.queue-title-row { display: flex; align-items: end; justify-content: space-between; gap: 20px; }\n.queue-title-row h1 { font-size: clamp(20px, 4vw, 36px); letter-spacing: -.06em; text-transform: none; }\n.queue-title-row p { margin: 0; color: var(--muted); font-size: 11px; }\n\n.controls { display: flex; flex-wrap: wrap; gap: 9px; }\n.search {\n min-width: min(340px, 100%);\n flex: 1;\n border: 1px solid var(--ink);\n background: var(--surface);\n color: var(--ink);\n padding: 11px 12px;\n outline: none;\n}\n.search:focus { box-shadow: 3px 3px 0 var(--accent); }\n.status-filters { display: flex; gap: 6px; flex-wrap: wrap; }\n.status-filter { padding: 9px 10px; font-size: 10px; text-transform: uppercase; }\n.status-filter.active { background: var(--ink); color: var(--surface); }\n\n.document-queue {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(min(310px, 100%), 1fr));\n gap: 16px;\n}\n\n.document-card {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 13px;\n min-height: 184px;\n padding: 16px;\n text-align: left;\n box-shadow: var(--shadow);\n transition: transform .12s, box-shadow .12s;\n}\n.document-card:hover, .document-card:focus-visible {\n transform: translate(-2px, -2px);\n box-shadow: 8px 8px 0 var(--ink);\n outline: none;\n}\n.document-card::before {\n content: \"\";\n position: absolute;\n top: -1px; left: -1px; bottom: -1px;\n width: 6px;\n background: var(--accent);\n}\n.document-card.status-reading::before { background: var(--reading); }\n.document-card.status-done::before { background: var(--done); }\n.document-card.source-missing::before { background: var(--muted); }\n.card-topline { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 9px; text-transform: uppercase; }\n.status-label { color: var(--accent); }\n.status-reading .status-label { color: var(--reading); }\n.status-done .status-label { color: var(--done); }\n.source-missing .status-label { color: var(--muted); }\n.document-card strong { font-size: 17px; line-height: 1.35; }\n.card-detail { color: var(--muted); font-size: 10px; line-height: 1.6; }\n.tag-row { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; }\n.tag { padding: 3px 6px; background: var(--surface-2); font-size: 9px; color: var(--muted); }\n\n.empty {\n border: 1px dashed var(--line);\n padding: 48px 20px;\n text-align: center;\n color: var(--muted);\n}\n\n.reader { max-width:
|
|
1
|
+
export declare const WEB_STYLES = "\n@font-face {\n font-family: \"Departure Mono\";\n src: url(\"/assets/departure-mono.woff2\") format(\"woff2\");\n font-display: swap;\n}\n\n:root {\n color-scheme: light;\n --bg: #f4f1e8;\n --surface: #fffdf5;\n --surface-2: #ebe7dc;\n --ink: #161612;\n --muted: #6f6c63;\n --line: #c8c3b7;\n --accent: #ff5a36;\n --accent-soft: #ffe0d7;\n --reading: #3569e8;\n --done: #27825c;\n --shadow: 5px 5px 0 #161612;\n font-family: \"Departure Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n}\n\n:root[data-theme=\"dark\"] {\n color-scheme: dark;\n --bg: #151512;\n --surface: #1f1f1a;\n --surface-2: #2a2923;\n --ink: #f6f1e5;\n --muted: #aaa69a;\n --line: #4a4840;\n --accent: #ff7758;\n --accent-soft: #4a261e;\n --reading: #7ca0ff;\n --done: #69c69a;\n --shadow: 5px 5px 0 #000;\n}\n\n* { box-sizing: border-box; }\n\nbody {\n margin: 0;\n min-height: 100vh;\n background:\n linear-gradient(90deg, color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px),\n linear-gradient(color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px),\n var(--bg);\n background-size: 24px 24px;\n color: var(--ink);\n}\n\nbutton, input { font: inherit; }\nbutton { color: inherit; }\n[hidden] { display: none !important; }\n\n.topbar {\n position: sticky;\n top: 0;\n z-index: 20;\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 62px;\n padding: 10px 18px;\n border-bottom: 2px solid var(--ink);\n background: color-mix(in srgb, var(--surface) 94%, transparent);\n backdrop-filter: blur(12px);\n}\n\n.brand { display: flex; align-items: baseline; gap: 12px; }\n.brand strong { font-size: 17px; letter-spacing: -.04em; }\n.brand span, .eyebrow {\n color: var(--muted);\n font-size: 10px;\n letter-spacing: .14em;\n text-transform: uppercase;\n}\n\n.top-actions { display: flex; gap: 9px; align-items: center; }\n.live { font-size: 10px; color: var(--done); text-transform: uppercase; }\n.live.offline { color: var(--accent); }\n\n.icon-button, .action, .status-filter, .project-button, .document-card {\n border: 1px solid var(--ink);\n background: var(--surface);\n cursor: pointer;\n}\n.icon-button, .action { padding: 8px 11px; }\n.icon-button:hover, .action:hover { background: var(--ink); color: var(--surface); }\n\n.workspace {\n display: grid;\n grid-template-columns: 230px minmax(0, 1fr);\n min-height: calc(100vh - 62px);\n}\n\n.sidebar {\n border-right: 2px solid var(--ink);\n background: color-mix(in srgb, var(--surface) 92%, transparent);\n padding: 24px 14px;\n}\n\n.sidebar h2, .queue-header h1 {\n margin: 0;\n font-size: 11px;\n letter-spacing: .12em;\n text-transform: uppercase;\n}\n\n.project-nav { display: grid; gap: 7px; margin-top: 14px; }\n.project-button {\n display: flex;\n justify-content: space-between;\n width: 100%;\n padding: 10px;\n text-align: left;\n border-color: transparent;\n background: transparent;\n}\n.project-button:hover { border-color: var(--line); background: var(--surface-2); }\n.project-button.active { border-color: var(--ink); background: var(--ink); color: var(--surface); }\n.count { opacity: .68; font-variant-numeric: tabular-nums; }\n\n.shortcut-card {\n margin-top: 30px;\n padding: 12px;\n border: 1px dashed var(--line);\n color: var(--muted);\n font-size: 10px;\n line-height: 1.8;\n}\nkbd { border: 1px solid var(--line); padding: 1px 4px; background: var(--surface); color: var(--ink); }\n\n.main { min-width: 0; padding: 28px clamp(16px, 4vw, 60px) 60px; }\n.queue-header { display: grid; gap: 18px; margin-bottom: 22px; }\n.queue-title-row { display: flex; align-items: end; justify-content: space-between; gap: 20px; }\n.queue-title-row h1 { font-size: clamp(20px, 4vw, 36px); letter-spacing: -.06em; text-transform: none; }\n.queue-title-row p { margin: 0; color: var(--muted); font-size: 11px; }\n\n.controls { display: flex; flex-wrap: wrap; gap: 9px; }\n.search {\n min-width: min(340px, 100%);\n flex: 1;\n border: 1px solid var(--ink);\n background: var(--surface);\n color: var(--ink);\n padding: 11px 12px;\n outline: none;\n}\n.search:focus { box-shadow: 3px 3px 0 var(--accent); }\n.status-filters { display: flex; gap: 6px; flex-wrap: wrap; }\n.status-filter { padding: 9px 10px; font-size: 10px; text-transform: uppercase; }\n.status-filter.active { background: var(--ink); color: var(--surface); }\n\n.document-queue {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(min(310px, 100%), 1fr));\n gap: 16px;\n}\n\n.document-card {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 13px;\n min-height: 184px;\n padding: 16px;\n text-align: left;\n box-shadow: var(--shadow);\n transition: transform .12s, box-shadow .12s;\n}\n.document-card:hover, .document-card:focus-visible {\n transform: translate(-2px, -2px);\n box-shadow: 8px 8px 0 var(--ink);\n outline: none;\n}\n.document-card::before {\n content: \"\";\n position: absolute;\n top: -1px; left: -1px; bottom: -1px;\n width: 6px;\n background: var(--accent);\n}\n.document-card.status-reading::before { background: var(--reading); }\n.document-card.status-done::before { background: var(--done); }\n.document-card.source-missing::before { background: var(--muted); }\n.card-topline { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 9px; text-transform: uppercase; }\n.status-label { color: var(--accent); }\n.status-reading .status-label { color: var(--reading); }\n.status-done .status-label { color: var(--done); }\n.source-missing .status-label { color: var(--muted); }\n.document-card strong { font-size: 17px; line-height: 1.35; }\n.card-detail { color: var(--muted); font-size: 10px; line-height: 1.6; }\n.tag-row { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; }\n.tag { padding: 3px 6px; background: var(--surface-2); font-size: 9px; color: var(--muted); }\n\n.empty {\n border: 1px dashed var(--line);\n padding: 48px 20px;\n text-align: center;\n color: var(--muted);\n}\n\n.reader { width: 100%; max-width: 1600px; margin: 0 auto; }\n.reader-toolbar {\n position: sticky;\n top: 74px;\n z-index: 10;\n display: flex;\n justify-content: space-between;\n gap: 14px;\n padding: 10px;\n border: 1px solid var(--ink);\n background: var(--surface);\n box-shadow: 3px 3px 0 var(--ink);\n}\n.reader-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: end; }\n.reader-heading { margin: 34px 0 20px; }\n.reader-heading h1 { margin: 0 0 10px; font-size: clamp(25px, 5vw, 48px); line-height: 1.12; letter-spacing: -.07em; }\n.reader-heading p { color: var(--muted); font-size: 10px; text-transform: uppercase; }\n\n.reader-content {\n overflow-wrap: anywhere;\n border: 1px solid var(--ink);\n background: var(--surface);\n padding: clamp(20px, 5vw, 64px);\n box-shadow: var(--shadow);\n font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n font-size: 15px;\n line-height: 1.7;\n}\n.reader-content h1, .reader-content h2, .reader-content h3 { font-family: \"Departure Mono\", monospace; line-height: 1.25; }\n.reader-content h2 { margin-top: 2.3em; border-bottom: 1px dashed var(--line); padding-bottom: .35em; }\n.reader-content pre { overflow: auto; padding: 16px; background: var(--surface-2); border-left: 4px solid var(--accent); }\n.reader-content code { font-family: \"Departure Mono\", monospace; font-size: .88em; }\n.reader-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }\n.reader-content th, .reader-content td { border: 1px solid var(--line); padding: 8px 10px; }\n.reader-content img, .reader-content svg { max-width: 100%; height: auto; }\n.reader-content a { color: var(--reading); text-decoration-thickness: 1px; }\n.reader-content.source-missing {\n border-style: dashed;\n border-color: var(--accent);\n color: var(--muted);\n}\n.reader-content.source-missing strong { color: var(--accent); font-size: 20px; }\n.action:disabled { cursor: not-allowed; opacity: .4; }\n.mermaid { overflow-x: auto; padding: 20px 0; text-align: center; }\n\n@media (max-width: 760px) {\n .workspace { grid-template-columns: 1fr; }\n .sidebar { border-right: 0; border-bottom: 2px solid var(--ink); }\n .project-nav { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }\n .shortcut-card { display: none; }\n .queue-title-row { align-items: start; flex-direction: column; }\n .reader-toolbar { top: 68px; flex-direction: column; }\n}\n";
|
package/dist/web-styles.js
CHANGED
|
@@ -201,7 +201,7 @@ kbd { border: 1px solid var(--line); padding: 1px 4px; background: var(--surface
|
|
|
201
201
|
color: var(--muted);
|
|
202
202
|
}
|
|
203
203
|
|
|
204
|
-
.reader { max-width:
|
|
204
|
+
.reader { width: 100%; max-width: 1600px; margin: 0 auto; }
|
|
205
205
|
.reader-toolbar {
|
|
206
206
|
position: sticky;
|
|
207
207
|
top: 74px;
|