diff --git a/backend/api/package.json b/backend/api/package.json index 466b949..7d84f06 100644 --- a/backend/api/package.json +++ b/backend/api/package.json @@ -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", diff --git a/backend/api/src/public/swagger.css b/backend/api/src/public/swagger.css index f473d9f..0ee08a3 100644 --- a/backend/api/src/public/swagger.css +++ b/backend/api/src/public/swagger.css @@ -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; } +}