thm
/
upend
1
0
Fork 0
Code Issues 75 Pull Requests Packages Projects Releases 6 Wiki Activity

fix(webui): ultrawide detail mode
ci/woodpecker/push/woodpecker Pipeline was successful Details

feat/type-attributes
Tomáš Mládek 2023-06-05 19:51:11 +02:00
parent 89fd9f9129
commit 7eef4b886c
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
webui/src/components/BrowseColumn.svelte
View File

@ -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 {

6
webui/src/views/Browse.svelte
View File

@ -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>