Standardize blog editor and content styles
TaxBaik CI/CD / build-and-deploy (push) Failing after 54s
TaxBaik CI/CD / build-and-deploy (push) Failing after 54s
This commit is contained in:
@@ -1461,17 +1461,34 @@ textarea:focus-visible {
|
||||
padding: 3rem 1.5rem;
|
||||
}
|
||||
|
||||
.admin-editor-root .admin-editor-toolbar {
|
||||
.blog-editor-shell .editor-block {
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.blog-editor-shell .editor-toolbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.admin-editor-content {
|
||||
.blog-editor-shell .editor-surface,
|
||||
.blog-editor-shell .blog-preview-pane {
|
||||
min-height: 320px;
|
||||
overflow: auto;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-lg);
|
||||
background: var(--bg-primary);
|
||||
padding: 1rem 1.1rem;
|
||||
}
|
||||
|
||||
.admin-editor-preview {
|
||||
min-height: 320px;
|
||||
.blog-editor-shell .editor-surface:focus {
|
||||
outline: 2px solid rgba(31, 78, 121, 0.18);
|
||||
border-color: var(--primary-color);
|
||||
}
|
||||
|
||||
.blog-editor-shell .blog-meta-grid {
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
/* ============================================================================
|
||||
|
||||
@@ -58,6 +58,70 @@ body {
|
||||
letter-spacing: 0.3px;
|
||||
}
|
||||
|
||||
/* ===== 공통 콘텐츠 렌더링 ===== */
|
||||
.content-shell {
|
||||
max-width: 1120px;
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--spacing-lg);
|
||||
}
|
||||
|
||||
.content-article {
|
||||
max-width: 840px;
|
||||
}
|
||||
|
||||
.content-card {
|
||||
background: #fff;
|
||||
border: 1px solid rgba(217, 211, 196, 0.7);
|
||||
border-radius: var(--radius-xl);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.content-prose {
|
||||
color: var(--color-text);
|
||||
line-height: 1.9;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
.content-prose > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.content-prose > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.content-prose h2,
|
||||
.content-prose h3,
|
||||
.content-prose h4 {
|
||||
margin-top: 1.75rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.content-prose p,
|
||||
.content-prose ul,
|
||||
.content-prose ol,
|
||||
.content-prose blockquote {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.content-prose img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: var(--radius-lg);
|
||||
}
|
||||
|
||||
.content-prose blockquote {
|
||||
padding: 1rem 1.25rem;
|
||||
border-left: 4px solid var(--color-primary);
|
||||
background: rgba(200, 157, 110, 0.08);
|
||||
border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
|
||||
color: var(--color-text-light);
|
||||
}
|
||||
|
||||
.content-prose table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ===== 타이포그래피 ===== */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 700;
|
||||
|
||||
Reference in New Issue
Block a user