diff --git a/vizro-core/examples/dev/app.py b/vizro-core/examples/dev/app.py index b2d339cf3..e133f35c8 100644 --- a/vizro-core/examples/dev/app.py +++ b/vizro-core/examples/dev/app.py @@ -830,4 +830,4 @@ def multiple_cards(data_frame: pd.DataFrame, n_rows: Optional[int] = 1) -> html. server = app.dash.server if __name__ == "__main__": - app.run() + app.run(port=8050) diff --git a/vizro-core/examples/dev/assets/images/app.svg b/vizro-core/examples/dev/assets/app.svg similarity index 100% rename from vizro-core/examples/dev/assets/images/app.svg rename to vizro-core/examples/dev/assets/app.svg diff --git a/vizro-core/examples/dev/assets/css/custom.css b/vizro-core/examples/dev/assets/css/custom.css index f6c0002d2..57c91b902 100644 --- a/vizro-core/examples/dev/assets/css/custom.css +++ b/vizro-core/examples/dev/assets/css/custom.css @@ -17,3 +17,28 @@ height: 210px; width: 240px; } + +.anchor-container { + align-items: center; + background: var(--text-primary); + border-top-left-radius: 8px; + bottom: 0; + color: var(--text-primary-inverted); + display: flex; + font-size: 0.8rem; + font-weight: 500; + height: 24px; + padding: 0 12px; + position: fixed; + right: 0; +} + +.anchor-container:focus, +.anchor-container:hover { + background: var(--text-secondary); + color: var(--text-primary-inverted); +} + +img#banner { + height: 16px; +} diff --git a/vizro-core/examples/dev/assets/images/logo.svg b/vizro-core/examples/dev/assets/logo.svg similarity index 100% rename from vizro-core/examples/dev/assets/images/logo.svg rename to vizro-core/examples/dev/assets/logo.svg