pageden_pageden-obsidian/styles.css
2026-06-14 12:01:11 +08:00

78 lines
1.4 KiB
CSS

.pageden-live-view {
display: flex;
flex-direction: column;
height: 100%;
}
.pageden-live-header {
align-items: flex-start;
border-bottom: 1px solid var(--background-modifier-border);
display: flex;
gap: 12px;
justify-content: space-between;
padding: 14px 18px 10px;
}
.pageden-live-header h2 {
margin: 0;
}
.pageden-live-header p {
color: var(--text-muted);
margin: 4px 0 0;
}
.pageden-live-status {
background: var(--background-modifier-border);
border-radius: 999px;
color: var(--text-muted);
font-size: 12px;
padding: 4px 9px;
white-space: nowrap;
}
.pageden-live-toolbar {
align-items: center;
border-bottom: 1px solid var(--background-modifier-border);
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 8px 18px;
}
.pageden-live-button {
background: var(--background-secondary);
border: 1px solid var(--background-modifier-border);
border-radius: 6px;
color: var(--text-normal);
font-size: 13px;
min-height: 30px;
padding: 4px 9px;
}
.pageden-live-button:hover {
background: var(--background-modifier-hover);
}
.pageden-live-editor {
flex: 1;
overflow: auto;
padding: 18px;
}
.pageden-live-prosemirror {
margin: 0 auto;
max-width: 760px;
min-height: 100%;
outline: none;
}
.pageden-live-prosemirror p {
margin: 0.35rem 0;
}
.pageden-live-prosemirror h1,
.pageden-live-prosemirror h2,
.pageden-live-prosemirror h3 {
margin: 1rem 0 0.45rem;
}