glen/dyna3
1
0
Fork 0
Code Issues 11 Pull Requests 1 Actions Projects Releases 2 Wiki Activity

Specify fonts

Browse Source 
This should help the interface look more consistent across platforms.
The font choices are just placeholders: consistency is the main goal.
This commit is contained in:
Aaron Fenyes 2024-10-30 23:29:48 -07:00
parent 7361f1a721
commit 4ecb39e73a
3 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app-proto/index.html
View File

@ -4,6 +4,8 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>dyna3</title> <title>dyna3</title>
<link data-trunk rel="css" href="main.css"/> <link data-trunk rel="css" href="main.css"/>
<link href="https://fonts.bunny.net/css?family=lato:ital,wght@0,400;1,400&display=swap" rel="stylesheet">
<link href="https://fonts.bunny.net/css?family=noto-emoji:wght@400&text=%f0%9f%94%97%e2%9a%a0&display=swap" rel="stylesheet">
</head> </head>
<body></body> <body></body>
</html> </html>

7
app-proto/main.css
View File

@ -2,6 +2,7 @@ body {
margin: 0px; margin: 0px;
color: #fcfcfc; color: #fcfcfc;
background-color: #222; background-color: #222;
font-family: 'Lato';
} }
/* sidebar */ /* sidebar */
@ -33,6 +34,11 @@ body {
font-size: large; font-size: large;
} }
/* KLUDGE */
#add-remove > button.emoji {
font-family: 'Noto Emoji';
}
/* outline */ /* outline */
#outline { #outline {
@ -127,6 +133,7 @@ details[open]:has(li) .elt-switch::after {
width: 20px; width: 20px;
padding-left: 4px; padding-left: 4px;
text-align: center; text-align: center;
font-family: 'Noto Emoji';
font-style: normal; font-style: normal;
} }

1
app-proto/src/add_remove.rs
View File

@ -202,6 +202,7 @@ pub fn AddRemove() -> View {
} }
) { "+" } ) { "+" }
button( button(
class="emoji", /* KLUDGE */
disabled={ disabled={
let state = use_context::<AppState>(); let state = use_context::<AppState>();
state.selection.with(|sel| sel.len() != 2) state.selection.with(|sel| sel.len() != 2)