fix(webui): ultrawide detail mode
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
89fd9f9129
commit
7eef4b886c
2 changed files with 8 additions and 4 deletions
|
@ -46,7 +46,7 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="column" class:detail>
|
<div class="browse-column" class:detail>
|
||||||
<div class="view" class:editable style="--width: {width}px">
|
<div class="view" class:editable style="--width: {width}px">
|
||||||
<header>
|
<header>
|
||||||
<IconButton
|
<IconButton
|
||||||
|
@ -90,11 +90,11 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.column {
|
.browse-column {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column.detail {
|
.browse-column.detail {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.view {
|
.view {
|
||||||
|
|
|
@ -61,7 +61,7 @@
|
||||||
$: updateTitle("Browse", identities.join(" / "));
|
$: updateTitle("Browse", identities.join(" / "));
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="browser" bind:this={root}>
|
<div class="browser" bind:this={root} class:single={addresses.length === 1 && detailMode}>
|
||||||
{#each addresses as address, index}
|
{#each addresses as address, index}
|
||||||
<div class="column" data-index={index}>
|
<div class="column" data-index={index}>
|
||||||
<BrowseColumn
|
<BrowseColumn
|
||||||
|
@ -105,4 +105,8 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
scroll-snap-align: center;
|
scroll-snap-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.browser.single .column {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue