fixed minor alignment issues after the font replacement

This commit is contained in:
Gani Georgiev
2026-05-04 11:16:15 +03:00
parent 97c5f3fa02
commit a104de5b9f
8 changed files with 10 additions and 8 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -13,9 +13,9 @@
<!-- prism --> <!-- prism -->
<script src="./libs/prism/prism.js" data-manual></script> <script src="./libs/prism/prism.js" data-manual></script>
<script type="module" crossorigin src="./assets/index-Dbgy-IOG.js"></script> <script type="module" crossorigin src="./assets/index-CK8AbvWj.js"></script>
<link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js"> <link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js">
<link rel="stylesheet" crossorigin href="./assets/index-Ce7r6VeU.css"> <link rel="stylesheet" crossorigin href="./assets/index-Boupqpks.css">
</head> </head>
<body> <body>
</body> </body>
+1 -1
View File
@@ -43,7 +43,7 @@ export function collectionRulesTab(upsertData) {
app.components.slide( app.components.slide(
() => local.showRulesInfo, () => local.showRulesInfo,
t.div( t.div(
{ className: "alert warning m-t-sm" }, { className: "alert warning m-t-sm txt-sm" },
t.div( t.div(
{ className: "content" }, { className: "content" },
t.p(null, "The following record fields are available:"), t.p(null, "The following record fields are available:"),
+1 -1
View File
@@ -17,7 +17,7 @@
} }
.api-preview-sidebar { .api-preview-sidebar {
width: 190px; width: 195px;
flex-shrink: 0; flex-shrink: 0;
overflow: auto; overflow: auto;
scrollbar-width: thin; scrollbar-width: thin;
+2
View File
@@ -23,11 +23,13 @@
gap: var(--headerItemsGap); gap: var(--headerItemsGap);
font-size: var(--smFontSize); font-size: var(--smFontSize);
line-height: var(--smLineHeight); line-height: var(--smLineHeight);
/* for when the page is opened in "app" mode */ /* for when the page is opened in "app" mode */
@media (display-mode: minimal-ui) or (display-mode: standalone) { @media (display-mode: minimal-ui) or (display-mode: standalone) {
border-top: 1px solid var(--accentAlt1Color); border-top: 1px solid var(--accentAlt1Color);
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }
.logo { .logo {
display: inline-flex; display: inline-flex;
vertical-align: top; vertical-align: top;
+1 -1
View File
@@ -103,7 +103,7 @@
--lgFontSize: 15px; --lgFontSize: 15px;
--lineHeight: 22px; --lineHeight: 22px;
--smLineHeight: 17px; --smLineHeight: 15.5px; /* decimal for visual alignment */
--lgLineHeight: 24px; --lgLineHeight: 24px;
--btnHeight: 45px; --btnHeight: 45px;