mirror of
https://github.com/yewstack/yew.git
synced 2025-12-08 21:26:25 +00:00
c946b99610
* remove old files * update counter * update crm example * Add readme for counter * update custom_components * update webgl example * update two_apps * update todomvc * mark special case multithread * update dashboard * update examples readme * file_upload example * fragments example * futures example * game_of_life example * inner_html example * js_callback example * keyed_list example * remove large_table * remove minimal * mount_point example * I can't count apparently * nested_list example * node_refs example * timer example * store example * pub_sub example * rip npm_and_my_sanity * use a title™️ * clean up multi_thread * fix format * boids part 1 * boids part 2 * add workflow See: <https://github.com/siku2/yew/pull/13> * remove my little scratchpad again * add boids to examples table * runtime-generated list in nested_list example * update workflow * first batch of yewtil examples * clippy "futures" * remove old yew-router examples * add a new router example to the main examples * remove remaining yewtil examples * more progress * update for testing purposes * author list * improve content generation * revert this mistake I thought it would be great to use `unimplemented!()` in case the component doesn't have any properties. This helps avoid the mistake of forgetting to update the change method when adding props later on. What I didn't consider is that just because the props are () that doesn't mean that Yew isn't going to call it... So yeah, it's still a good idea for update, but certainly not for change. * missed a few * turn router switch example into test * seems to be working * make it possible to host the router example on a sub-path * create a 404 file for SPA * remove the three examples and update table * remove the 404 file because it isn't working anyway * fix small router issue relating to the sub-path hack
99 lines
1.3 KiB
SCSS
99 lines
1.3 KiB
SCSS
html,
|
|
body {
|
|
width: 100%;
|
|
background: #fafafa;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 40px;
|
|
width: 100%;
|
|
align-items: center;
|
|
}
|
|
|
|
.list-container {
|
|
margin-top: 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 30px;
|
|
border-radius: 4px;
|
|
background: #eee;
|
|
|
|
&:hover {
|
|
background: #eaeaea;
|
|
}
|
|
}
|
|
|
|
.list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
border-radius: 3px;
|
|
border: 1px solid #666;
|
|
min-width: 30vw;
|
|
|
|
&.inactive {
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.list-header {
|
|
background: #feecaa;
|
|
border-bottom: 1px solid #666;
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
background: #fee3a0;
|
|
}
|
|
}
|
|
|
|
.list-item {
|
|
background: white;
|
|
border-bottom: 1px solid #666;
|
|
padding: 10px;
|
|
|
|
&:hover {
|
|
background: #fafafa;
|
|
}
|
|
|
|
&:last-child {
|
|
border-bottom: 0px;
|
|
}
|
|
|
|
&-details {
|
|
background: #eee;
|
|
border: 1px solid #666;
|
|
border-radius: 3px;
|
|
margin-top: 10px;
|
|
padding: 10px;
|
|
text-align: center;
|
|
|
|
&.list-container {
|
|
margin-top: 0px;
|
|
padding: 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.last-hovered {
|
|
margin-top: 20px;
|
|
|
|
&-text {
|
|
color: #666;
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
|
|
.sublist {
|
|
display: inline-block;
|
|
background: #fff;
|
|
border: 1px solid #666;
|
|
border-radius: 3px;
|
|
margin: 5px;
|
|
padding: 5px 20px;
|
|
}
|