Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

fix: font weight and line heights

Browse Source
This commit is contained in:
Alejandro Gomez 2023-01-26 07:13:09 +01:00
parent 7beee3538c
commit 5fa7a57c9a
No known key found for this signature in database
GPG Key ID: 4DF39E566658C817
6 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/Element/Nip05.css
View File

@ -1,6 +1,7 @@
.nip05 { .nip05 {
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
font-weight: normal;
} }
.nip05.failed { .nip05.failed {
@ -9,12 +10,10 @@
.nip05 .nick { .nip05 .nick {
color: var(--font-secondary-color); color: var(--font-secondary-color);
font-weight: bold;
} }
.nip05 .domain { .nip05 .domain {
color: var(--gray-light); color: var(--gray-light);
font-weight: bold;
margin-left: .2em; margin-left: .2em;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;

1
src/Element/Note.css
View File

@ -148,6 +148,7 @@
.note.active>.header>.info { .note.active>.header>.info {
color: var(--font-tertiary-color); color: var(--font-tertiary-color);
font-weight: 500;
} }
.note.active>.footer>.reaction-pill { .note.active>.footer>.reaction-pill {

3
src/Element/ProfileImage.css
View File

@ -26,11 +26,10 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
font-weight: bold; font-weight: 600;
} }
.pfp .profile-name { .pfp .profile-name {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }

5
src/Element/Text.css
View File

@ -1,3 +1,8 @@
.text {
font-size: var(--font-size);
line-height: 24px;
}
.text a { .text a {
color: var(--highlight); color: var(--highlight);
text-decoration: none; text-decoration: none;

3
src/Pages/Layout.css
View File

@ -1,7 +1,8 @@
.logo { .logo {
cursor: pointer; cursor: pointer;
font-weight: bold; font-weight: 700;
font-size: 29px; font-size: 29px;
line-height: 23px;
} }
header { header {

11
src/index.css
View File

@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Be+Bietnam+Pro:wght@400;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Be+Bietnam+Pro:wght@400;500;600;700&display=swap');
:root { :root {
--bg-color: #000; --bg-color: #000;
@ -113,7 +113,7 @@ html.light .card {
button { button {
cursor: pointer; cursor: pointer;
padding: 6px 12px; padding: 6px 12px;
font-weight: bold; font-weight: 700;
color: white; color: white;
font-size: var(--font-size); font-size: var(--font-size);
background-color: var(--highlight); background-color: var(--highlight);
@ -165,7 +165,7 @@ button.secondary:hover {
border: 2px solid; border: 2px solid;
background-color: var(--gray-secondary); background-color: var(--gray-secondary);
color: var(--font-color); color: var(--font-color);
font-weight: bold; font-weight: 700;
} }
.btn.disabled { .btn.disabled {
@ -388,7 +388,7 @@ body.scroll-lock {
} }
.tabs .active { .tabs .active {
font-weight: bold; font-weight: 700;
} }
.error { .error {
@ -412,7 +412,8 @@ body.scroll-lock {
.tab { .tab {
border-bottom: 1px solid var(--gray-secondary); border-bottom: 1px solid var(--gray-secondary);
font-weight: bold; font-weight: 700;
line-height: 19px;
color: var(--font-secondary-color); color: var(--font-secondary-color);
padding: 8px 0; padding: 8px 0;
} }