mirror of
https://github.com/yewstack/yew.git
synced 2025-12-08 21:26:25 +00:00
2bbb35027f
* Add a ticking clock to the timer example. * Remove unneeded use of js_sys. * Update examples/timer/Cargo.toml Co-authored-by: Simon <simon@siku2.io> * Update examples/timer/index.html Co-authored-by: Simon <simon@siku2.io> * Use local scss instead of Bulma. * Refactor out the time function and restructure the html. * Refactor the clock. Remove Msg::StartClock Remove Model.clock_job Model._standalone now takes 2 IntervalTasks Model.get_current_time is now Static Renamed Msg::Tock to Msg::UpdateTime * Remove disabled button style. * Remove CSS line from improvements. Co-authored-by: Simon <simon@siku2.io>
30 lines
374 B
SCSS
30 lines
374 B
SCSS
$font-stack: Roboto, sans-serif;
|
|
$primary-color: #008f53;
|
|
|
|
body {
|
|
font: 100% $font-stack;
|
|
color: white;
|
|
background-color: $primary-color;
|
|
}
|
|
|
|
#buttons {
|
|
text-align: right;
|
|
}
|
|
|
|
#wrapper {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
#time {
|
|
text-align: center;
|
|
font-size: 17vh;
|
|
padding: 15% 0;
|
|
float: left;
|
|
}
|
|
|
|
#messages {
|
|
float: right;
|
|
}
|
|
|