oleh/astrolabe
1
0
Fork 0
mirror of https://github.com/olehomelchenko/astrolabe.git synced 2025-12-21 21:22:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add custom font styling for improved UI aesthetics

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-01-19 14:38:11 +02:00
parent 49705d7d30
commit 55d20b4d81
2 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/styles.css
View File

@@ -1,3 +1,7 @@
:root {
--ui-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
#vis {
width: 100%;
height: 100%;
@@ -10,6 +14,27 @@
box-sizing: border-box;
}
/* Apply font to UI elements */
.panel-header,
.button,
.snippet-item,
.snippet-content {
font-family: var(--ui-font);
}
.panel-header h2 {
font-weight: 600;
font-size: 1.125rem;
}
.button {
font-weight: 500;
}
.snippet-content {
font-size: 0.925rem;
}
.container {
display: grid;
grid-template-columns: var(--snippet-width, 1fr) 5px var(--editor-width, 1fr) 5px var(--preview-width, 2fr);