diff options
| author | Stefano Brivio <sbrivio@redhat.com> | 2022-02-22 23:13:38 +0100 |
|---|---|---|
| committer | Stefano Brivio <sbrivio@redhat.com> | 2022-02-23 11:49:15 +0100 |
| commit | c47d9f7ee00505b3af83e059c9401be8a4e94bbc (patch) | |
| tree | 92b6d46bdbc64fb7eb1b948335778d3be07be7f7 /README.md | |
| parent | 5e0c75d6098b923b12f3db29485997e649e06b81 (diff) | |
| download | passt-c47d9f7ee00505b3af83e059c9401be8a4e94bbc.tar passt-c47d9f7ee00505b3af83e059c9401be8a4e94bbc.tar.gz passt-c47d9f7ee00505b3af83e059c9401be8a4e94bbc.tar.bz2 passt-c47d9f7ee00505b3af83e059c9401be8a4e94bbc.tar.lz passt-c47d9f7ee00505b3af83e059c9401be8a4e94bbc.tar.xz passt-c47d9f7ee00505b3af83e059c9401be8a4e94bbc.tar.zst passt-c47d9f7ee00505b3af83e059c9401be8a4e94bbc.zip | |
README: Fix demo div grid layout
Signed-off-by: Stefano Brivio <sbrivio@redhat.com>
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 40 |
1 files changed, 23 insertions, 17 deletions
@@ -400,28 +400,33 @@ is fully configurable with command line options. <link rel="stylesheet" type="text/css" href="/static/asciinema-player.css" /> <script src="/static/asciinema-player.min.js"></script> +<style scoped> +.small_video { +} +@media (min-width: 1500px) { + .small_video { + display: grid; + grid-template-columns: 1fr 1fr; + } +} +</style> -<div style="display: grid; grid-template-columns: 1fr 1fr;"> - <div> - <div id="demo_pasta" style="width: 100%; height: auto;"></div> - <div>use pasta to create and connect a namespace</div> - </div> -</div> -<div style="display: grid; grid-template-columns: 1fr 1fr;"> - <div> - <div id="demo_podman" style="width: 100%; height: auto;"></div> - <div>use Podman with pasta</div> +<div class="small_video"> + <div id="demo_pasta" style="width: 99%;"></div> + <div id="demo_podman" style="width: 99%;"></div> </div> <script> demo_pasta_player = AsciinemaPlayer.create('/builds/latest/web/demo_pasta.cast', document.getElementById('demo_pasta'), - { cols: 130, rows: 40, preload: true } - ); + { cols: 130, rows: 41, + preload: true, poster: 'npt:0:4' + }); demo_podman_player = AsciinemaPlayer.create('/builds/latest/web/demo_podman.cast', document.getElementById('demo_podman'), - { cols: 130, rows: 40, preload: true } - ); + { cols: 130, rows: 41, + preload: true, poster: 'npt:0:4' + }); </script> ### passt @@ -430,8 +435,9 @@ demo_podman_player = AsciinemaPlayer.create('/builds/latest/web/demo_podman.cast <script> demo_passt_player = AsciinemaPlayer.create('/builds/latest/web/demo_passt.cast', document.getElementById('demo_passt'), - { cols: 130, rows: 40, preload: true } - ); + { cols: 130, rows: 41, + preload: true, poster: 'npt:0:4' + }); </script> ## Continuous Integration @@ -440,7 +446,7 @@ demo_passt_player = AsciinemaPlayer.create('/builds/latest/web/demo_passt.cast', <script> ci_player = AsciinemaPlayer.create('/builds/latest/web/ci.cast', document.getElementById('ci'), - { cols: 240, rows: 50, preload: true } + { cols: 240, rows: 51, preload: true } ); </script> <div><script src="/builds/latest/web/ci.js"></script></div> |