david/rust-web
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve css

Browse Source
This commit is contained in:
David Westgate 2024-06-11 23:26:22 -07:00
parent 46fb0d3aff
commit e0597f3239
3 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -15,9 +15,9 @@ Finally, run both the backend and frontend to use the application
### Using the backend crate ### Using the backend crate
See [backend/README.me](./backend/README.md) See [backend/README.md](./backend/README.md)
### Using the frontend crate ### Using the frontend crate
See [frontend/README.me](./frontend/README.md) See [frontend/README.md](./frontend/README.md)

10
frontend/index.css
View File

@ -1,11 +1,15 @@
.teller { .title {
font-weight: bold; font-weight: bold;
} }
.tellee { .question{
font-style: italic; font-style: italic;
} }
.answer{
font-weight: bold;
}
.annotation { .annotation {
font-style: italic; font-style: italic;
font-size: 60%; font-size: 60%;
@ -16,7 +20,7 @@ h1 {
font-size: 150%; font-size: 150%;
} }
.question { .questions-container {
border: 1px solid black; border: 1px solid black;
} }

7
frontend/src/question.rs
View File

@ -36,10 +36,9 @@ pub struct QuestionProps {
pub fn question(question: &QuestionProps) -> Html { pub fn question(question: &QuestionProps) -> Html {
let question = &question.question; let question = &question.question;
html! { <> html! { <>
<div class="question"> <div class="questions-container">
<span class="teller">{"Question time!"}</span><br/> <p class="title">{format!("{}:",question.title.clone())}</p>
<span class="teller">{question.title.clone()}</span><br/> <p class="question">{question.content.clone()}</p>
<span class="teller">{question.content.clone()}</span>
</div> </div>
<span class="annotation"> <span class="annotation">
{format!("[id: {}", &question.id)} {format!("[id: {}", &question.id)}