mirrors/thunderhub
1
0
Fork 0
mirror of https://github.com/apotdevin/thunderhub.git synced 2025-02-21 22:11:37 +01:00
Code Issues Projects Releases Wiki Activity

style: fonts changes

Browse source
This commit is contained in:
AP 2020-04-15 00:11:22 +02:00
parent 758281b7bc
commit adb01e4081
17 changed files with 12 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
pages/_document.tsx
View file

@ -48,6 +48,10 @@ export default class MyDocument extends Document {
content="Manage and monitor your lightning network node right inside your browser"
key="description"
/>
<link
href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&display=swap"
rel="stylesheet"
></link>
</Head>
<body>
<Main />

BIN
public/fonts/Manrope-Bold.otf
View file

Binary file not shown.

BIN
public/fonts/Manrope-ExtraBold.otf
View file

Binary file not shown.

BIN
public/fonts/Manrope-ExtraLight.otf
View file

Binary file not shown.

BIN
public/fonts/Manrope-Light.otf
View file

Binary file not shown.

BIN
public/fonts/Manrope-Medium.otf
View file

Binary file not shown.

BIN
public/fonts/Manrope-Regular.otf
View file

Binary file not shown.

BIN
public/fonts/Manrope-SemiBold.otf
View file

Binary file not shown.

2
src/components/buttons/colorButton/ColorButton.tsx
View file

@ -49,7 +49,7 @@ interface BorderProps {
const BorderButton = styled(GeneralButton)`
${({ selected }) => selected && 'cursor: default'};
${({ selected }) => selected && 'font-weight: 900'};
${({ selected }) => selected && 'font-weight: 800'};
background-color: ${colorButtonBackground};
color: ${textColor};
border: 1px solid

2
src/components/generic/CardGeneric.tsx
View file

@ -32,7 +32,7 @@ export const ProgressBar = styled.div`
export const NodeTitle = styled.div`
font-size: 16px;
font-weight: bold;
font-weight: 700;
width: 240px;
white-space: nowrap;
overflow: hidden;

2
src/layouts/footer/Footer.tsx
View file

@ -55,7 +55,7 @@ const RightFooter = styled(SideFooter)`
`;
const Title = styled.div`
font-weight: 900;
font-weight: 800;
color: ${headerTextColor};
`;

2
src/layouts/header/Header.tsx
View file

@ -35,7 +35,7 @@ const IconPadding = styled.div`
const HeaderTitle = styled.div`
color: ${headerTextColor};
font-weight: 900;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;

2
src/layouts/navigation/nodeInfo/NodeInfo.tsx
View file

@ -41,7 +41,7 @@ const Margin = styled.div`
const Title = styled.div`
font-size: 18px;
font-weight: bold;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;

2
src/layouts/navigation/sideSettings/SideSettings.tsx
View file

@ -38,7 +38,7 @@ const SelectedIcon = styled.div`
const Symbol = styled.div`
margin-top: 2px;
font-weight: bold;
font-weight: 700;
`;
const IconRow = styled.div`

55
src/styles/FontStyles.css
View file

@ -1,55 +0,0 @@
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url('/fonts/Manrope-ExtraBold.otf') format('opentype');
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/fonts//Manrope-Bold.otf') format('opentype');
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('/fonts//Manrope-SemiBold.otf') format('opentype');
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/fonts//Manrope-Medium.otf') format('opentype');
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/fonts//Manrope-Regular.otf') format('opentype');
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url('/fonts//Manrope-Light.otf') format('opentype');
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url('/fonts//Manrope-ExtraLight.otf') format('opentype');
}

8
src/styles/GlobalStyle.ts
View file

@ -12,15 +12,9 @@ export const GlobalStyles = createGlobalStyle`
body {
background: ${backgroundColor};
color: ${textColor};
/* color: ${textColor}; */
/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
font-family: Manrope;
font-family: 'Manrope', sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* align-items: center; */
/* display: flex; */
/* justify-content: center; */
/* height: 100vh; */
}
`;

2
src/views/homepage/Sections/DetailSection.tsx
View file

@ -53,7 +53,7 @@ const detailCardContent = (title: string, text: string, Icon: any) => (
<Icon size={'40px'} strokeWidth={'1px'} />
</Padding>
<ColumnLine>
<SubTitle fontWeight={'900'}>{title}</SubTitle>
<SubTitle fontWeight={'800'}>{title}</SubTitle>
<Sub4Title>{text}</Sub4Title>
</ColumnLine>
</SingleLine>