style(lms): синхронизировать типографику со шкалой ДС-2 (+2px)

Переопределены токены шкалы Tailwind (--text-xs…--text-5xl) на +2px,
базовый размер body 18px, размеры компонентных классов (.btn-aubade,
.tag-aubade, .admin-sidebar-nav-link) и инлайновые fontSize приведены
к канону дизайн-системы ДС-2. Rem-база (html 16px) не тронута —
спейсинг и сетка не затронуты, растёт только текст.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-18 17:06:00 +05:00
parent 47840901c5
commit c94a8dafa9
19 changed files with 33 additions and 21 deletions
+1 -1
View File
@@ -10,7 +10,7 @@ export default async function ForgotPasswordPage() {
<h1 className="text-2xl font-bold tracking-wide" style={{ color: "var(--foreground)" }}>
{schoolName}
</h1>
<p className="mt-1 text-sm uppercase tracking-widest" style={{ color: "var(--muted-foreground)", fontSize: "0.65rem" }}>
<p className="mt-1 text-sm uppercase tracking-widest" style={{ color: "var(--muted-foreground)", fontSize: "13px" }}>
Образовательная платформа
</p>
</div>
+1 -1
View File
@@ -18,7 +18,7 @@ export default async function LoginPage({
<h1 className="text-2xl font-bold tracking-wide" style={{ color: "var(--foreground)" }}>
{schoolName}
</h1>
<p className="mt-1 text-sm uppercase tracking-widest" style={{ color: "var(--muted-foreground)", fontSize: "0.65rem" }}>
<p className="mt-1 text-sm uppercase tracking-widest" style={{ color: "var(--muted-foreground)", fontSize: "13px" }}>
Образовательная платформа
</p>
</div>
+1 -1
View File
@@ -16,7 +16,7 @@ export default async function RegisterPage() {
<h1 className="text-2xl font-bold tracking-wide" style={{ color: "var(--foreground)" }}>
{settings.schoolName}
</h1>
<p className="mt-1 text-sm uppercase tracking-widest" style={{ color: "var(--muted-foreground)", fontSize: "0.65rem" }}>
<p className="mt-1 text-sm uppercase tracking-widest" style={{ color: "var(--muted-foreground)", fontSize: "13px" }}>
Образовательная платформа
</p>
</div>
+1 -1
View File
@@ -26,7 +26,7 @@ export function RegisterForm({ showTermsCheckbox, privacyPolicyUrl, termsUrl, of
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
} as React.CSSProperties;
+1 -1
View File
@@ -11,7 +11,7 @@ export default async function ResetPasswordPage() {
<h1 className="text-2xl font-bold tracking-wide" style={{ color: "var(--foreground)" }}>
{schoolName}
</h1>
<p className="mt-1 text-sm uppercase tracking-widest" style={{ color: "var(--muted-foreground)", fontSize: "0.65rem" }}>
<p className="mt-1 text-sm uppercase tracking-widest" style={{ color: "var(--muted-foreground)", fontSize: "13px" }}>
Образовательная платформа
</p>
</div>
@@ -92,7 +92,7 @@ export function FeedbackForm({
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
resize: "vertical",
minHeight: "120px",
+15 -3
View File
@@ -31,6 +31,17 @@
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) * 1.4);
--radius-2xl: calc(var(--radius) * 1.8);
/* Типографическая шкала — канон ДС-2, +2px к дефолту Tailwind */
--text-xs: 14px;
--text-sm: 16px;
--text-base: 18px;
--text-lg: 20px;
--text-xl: 22px;
--text-2xl: 26px;
--text-3xl: 32px;
--text-4xl: 38px;
--text-5xl: 50px;
}
/* ── Light mode: Second Brain palette ──────────────────────────────── */
@@ -84,6 +95,7 @@
body {
background-color: var(--background);
color: var(--foreground);
font-size: 18px;
}
}
@@ -105,7 +117,7 @@
justify-content: center;
padding: 6px 16px;
font-family: var(--font-sans);
font-size: 0.875rem;
font-size: 16px;
font-weight: 500;
border: var(--aubade-thickness) solid var(--foreground);
box-shadow: var(--aubade-shadow-offset) var(--aubade-shadow-offset) 0 0 var(--foreground);
@@ -134,7 +146,7 @@
background-color: var(--color-surface);
border: var(--aubade-thickness) solid transparent;
padding: 2px 8px;
font-size: 0.65rem;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 700;
@@ -167,7 +179,7 @@
.admin-sidebar-nav-link {
display: block;
padding: 8px 12px;
font-size: 0.875rem;
font-size: 16px;
color: var(--sidebar-text);
text-decoration: none;
border-left: 2px solid transparent;
+1 -1
View File
@@ -22,7 +22,7 @@ const inputStyle: React.CSSProperties = {
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
};
+1 -1
View File
@@ -11,7 +11,7 @@ const inputStyle: React.CSSProperties = {
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
};
const focusHandlers = {
+1 -1
View File
@@ -18,7 +18,7 @@ const inputStyle: React.CSSProperties = {
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
};
const focusHandlers = {
+1 -1
View File
@@ -20,7 +20,7 @@ export function HomeworkEditor({ lessonId, initial }: Props) {
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
resize: "vertical" as const,
minHeight: "120px",
+1 -1
View File
@@ -55,7 +55,7 @@ export function LessonEditor({
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
} as React.CSSProperties;
+1 -1
View File
@@ -36,7 +36,7 @@ export function QuizEditor({ lessonId, initial }: Props) {
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
};
+1 -1
View File
@@ -13,7 +13,7 @@ const inputStyle = {
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
} as React.CSSProperties;
+1 -1
View File
@@ -20,7 +20,7 @@ const inputStyle = {
background: "var(--background)",
outline: "none",
padding: "0.4rem 0.6rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
} as React.CSSProperties;
+1 -1
View File
@@ -9,7 +9,7 @@ const inputStyle = {
outline: "none",
width: "100%",
padding: "0.4rem 0.6rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
} as React.CSSProperties;
@@ -134,7 +134,7 @@ export function UserEnrollmentManager({ userId, allCourses, enrollments }: Props
background: "var(--background)",
outline: "none",
padding: "0.4rem 0.6rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
width: "6rem",
}}
+1 -1
View File
@@ -54,7 +54,7 @@ export function HomeworkSection({ homework, submission, slug, lessonId, allowAud
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
resize: "vertical" as const,
minHeight: "140px",
+1 -1
View File
@@ -23,7 +23,7 @@ const inputStyle = {
outline: "none",
width: "100%",
padding: "0.5rem 0.75rem",
fontSize: "0.875rem",
fontSize: "16px",
fontFamily: "inherit",
resize: "vertical" as const,
minHeight: "80px",