Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-03-30 20:14:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add sans-serif font fallback (#2263)

Browse Source 
* Add sans-serif font fallback

* Update frontend readme start scripts
This commit is contained in:
Benjamin B
2023-05-06 07:01:13 +10:00
committed by Aiden McClelland
parent ee13cf7dd9
commit 273b5768c4
8 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/README.md
View File

@@ -52,8 +52,8 @@ Valid values for "maskAs" are `tor` and `lan`.
```sh ```sh
npm run start:ui npm run start:ui
npm run start:install-wiz npm run start:install-wiz
npm run start:setup-wizard npm run start:setup
npm run start:diagnostic-ui npm run start:dui
``` ```
## Running locally with proxied backend ## Running locally with proxied backend

2
frontend/projects/diagnostic-ui/src/styles.scss
View File

@@ -7,7 +7,7 @@
/** Ionic CSS Variables overrides **/ /** Ionic CSS Variables overrides **/
:root { :root {
--ion-font-family: 'Montserrat'; --ion-font-family: 'Montserrat', sans-serif;
--ion-color-primary: #0075e1; --ion-color-primary: #0075e1;

2
frontend/projects/install-wizard/src/app/pages/home/home.page.scss
View File

@@ -1,6 +1,6 @@
/** Ionic CSS Variables overrides **/ /** Ionic CSS Variables overrides **/
:root { :root {
--ion-font-family: 'Benton Sans'; --ion-font-family: 'Benton Sans', sans-serif;
} }
ion-content { ion-content {

2
frontend/projects/install-wizard/src/styles.scss
View File

@@ -7,7 +7,7 @@
/** Ionic CSS Variables overrides **/ /** Ionic CSS Variables overrides **/
:root { :root {
--ion-font-family: 'Montserrat'; --ion-font-family: 'Montserrat', sans-serif;
--ion-color-primary: #0075e1; --ion-color-primary: #0075e1;

2
frontend/projects/setup-wizard/src/app/pages/success/download-doc/download-doc.component.html
View File

@@ -6,7 +6,7 @@
<body> <body>
<div <div
style=" style="
font-family: Montserrat; font-family: Montserrat, sans-serif;
color: #333333; color: #333333;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

6
frontend/projects/setup-wizard/src/styles.scss
View File

@@ -84,7 +84,7 @@
/** Ionic CSS Variables overrides **/ /** Ionic CSS Variables overrides **/
:root { :root {
--ion-font-family: 'Montserrat'; --ion-font-family: 'Montserrat', sans-serif;
--ion-background-color: #333333; --ion-background-color: #333333;
--ion-background-color-rgb: 51, 51, 51; --ion-background-color-rgb: 51, 51, 51;
@@ -144,7 +144,7 @@ h1 {
ion-card-title { ion-card-title {
margin: 16px 0; margin: 16px 0;
font-family: 'Montserrat'; font-family: 'Montserrat', sans-serif;
font-size: x-large; font-size: x-large;
--color: var(--ion-color-light); --color: var(--ion-color-light);
} }
@@ -165,7 +165,7 @@ ion-label ion-text {
p { p {
color: var(--ion-color-dark-contrast) !important; color: var(--ion-color-dark-contrast) !important;
font-size: 1.12rem !important; font-size: 1.12rem !important;
font-family: 'Open Sans'; font-family: 'Open Sans', sans-serif;
font-weight: normal; font-weight: normal;
} }

4
frontend/projects/ui/src/app/components/widget-card/widget-card.component.scss
View File

@@ -16,7 +16,7 @@ ion-card {
} }
ion-card-title { ion-card-title {
font-family: 'Open Sans'; font-family: 'Open Sans', sans-serif;
padding: 0.6rem; padding: 0.6rem;
font-weight: 600; font-weight: 600;
font-size: calc(12px + 0.5vw); font-size: calc(12px + 0.5vw);
@@ -38,7 +38,7 @@ ion-card {
ion-footer { ion-footer {
padding: 1rem; padding: 1rem;
font-family: 'Open Sans'; font-family: 'Open Sans', sans-serif;
font-size: clamp(1rem, calc(12px + 0.5vw), 1.3rem); font-size: clamp(1rem, calc(12px + 0.5vw), 1.3rem);
height: 9rem; height: 9rem;
width: clamp(13rem, 80%, 18rem); width: clamp(13rem, 80%, 18rem);

6
frontend/projects/ui/src/styles.scss
View File

@@ -75,7 +75,7 @@
/** Ionic CSS Variables overrides **/ /** Ionic CSS Variables overrides **/
:root { :root {
--ion-font-family: 'Open Sans'; --ion-font-family: 'Open Sans', sans-serif;
--ion-background-color: var(--ion-color-medium); --ion-background-color: var(--ion-color-medium);
--ion-background-color-rgb: var(--ion-color-medium-rgb); --ion-background-color-rgb: var(--ion-color-medium-rgb);
--ion-text-color: var(--ion-color-dark); --ion-text-color: var(--ion-color-dark);
@@ -191,11 +191,11 @@ ion-back-button {
} }
ion-card-title { ion-card-title {
font-family: 'Montserrat'; font-family: 'Montserrat', sans-serif;
} }
ion-title { ion-title {
font-family: 'Montserrat'; font-family: 'Montserrat', sans-serif;
} }
ion-badge { ion-badge {