Increase API docs font size on mobile

This commit is contained in:
MartinBraquet
2025-12-15 13:38:09 +02:00
parent fbdc594fa9
commit 704bcb4619
2 changed files with 38 additions and 1 deletions

View File

@@ -1,7 +1,7 @@
{
"name": "@compass/api",
"description": "Backend API endpoints",
"version": "1.0.12",
"version": "1.0.13",
"private": true,
"scripts": {
"watch:serve": "tsx watch src/serve.ts",

View File

@@ -2,6 +2,7 @@
body {
background-color: #1e1e1e !important;
color: #ffffff !important;
}
.swagger-ui p,
h1,
@@ -62,3 +63,39 @@
color: #1e90ff !important;
}
}
/* Increase font sizes on mobile for better readability */
@media (max-width: 640px) {
body,
.swagger-ui {
font-size: 16px !important;
line-height: 1.5 !important;
}
/* Common text elements */
.swagger-ui p,
.swagger-ui label,
.swagger-ui .btn,
.swagger-ui .parameter__name,
.swagger-ui .parameter__type,
.swagger-ui .parameter__in,
.swagger-ui .response-control-media-type__title,
.swagger-ui table thead tr td,
.swagger-ui table thead tr th,
.swagger-ui table tbody tr td,
.swagger-ui .tab li,
.swagger-ui .response-col_links,
.swagger-ui .opblock-summary-description {
font-size: 16px !important;
}
.swagger-ui .opblock-summary-path {
font-size: 20px !important;
}
/* Headings scale */
.swagger-ui h1 { font-size: 1.75rem !important; }
.swagger-ui h2 { font-size: 1.5rem !important; }
.swagger-ui h3 { font-size: 1.25rem !important; }
.swagger-ui h4 { font-size: 1.125rem !important; }
.swagger-ui h5, .swagger-ui h6 { font-size: 1rem !important; }
}