Turn arguments into sidebar

finchie

Oct 24, 2023, 2:37 PM

A4E5KLI2CEHJLO6WUME2VIXPK4C2DXHCBVEK2TJTLHGCRCZ2ZC7QC

Dependencies

• [2] REI53XR4 Render argument state as HTML
• [3] ALCCL4VK Create basic styling
• [4] BMG4FSHN Add basic `clap` support
• [5] C73UJ7ZY Create simple `xilem_html` demo

Change contents

• replacement in src/main.rs at line 89
  [4.921]→[4.921:941](∅→∅),[4.941]→[2.1870:1931](∅→∅)
  − el::br(()),

  − state.args.iter().map(arg_item).collect::<Vec<_>>(),
  [4.921]

  [4.1003]
  + el::div((

  + el::div(state.args.iter().map(arg_item).collect::<Vec<_>>()).attr("id", "sidebar"),

  + el::div(()).attr("id", "content"),

  + ))

  + .attr("class", "container"),
• edit in index.html at line 31
  [3.636]

  [3.636]
  +

  + .container {

  + display: flex;

  + }

  +

  + #sidebar {

  + display: flex;

  + flex-direction: column;

  + flex-shrink: 1;

  + }

  +

  + #content {

  + display: flex;

  + background-color: red;

  + flex: 1 0 auto;

  + height: calc(100vh - 30px);

  + }