gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2025-01-07 02:11:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3183 from gitbutlerapp/virtual-branch-updates-branch

Browse Source 
refactor: Updated empty board layout
This commit is contained in:
Pavel Laptev 2024-03-18 02:21:47 +01:00 committed by GitHub
commit 00f118345a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 75 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
gitbutler-ui/src/lib/components/Board.svelte
View File

@ -117,6 +117,7 @@
{/each} {/each}
{#if branches.length == 0} {#if branches.length == 0}
<div data-tauri-drag-region class="empty-board__wrapper">
<div class="empty-board"> <div class="empty-board">
<div class="empty-board__content"> <div class="empty-board__content">
<div class="empty-board__about"> <div class="empty-board__about">
@ -182,12 +183,13 @@
</div> </div>
</div> </div>
<div class="empty-board__image-wrapper"> <div data-tauri-drag-region class="empty-board__image-wrapper">
<div class="empty-board__image"> <div class="empty-board__image">
{@html dzenSvg} {@html dzenSvg}
</div> </div>
</div> </div>
</div> </div>
</div>
{:else} {:else}
<NewBranchDropZone /> <NewBranchDropZone />
{/if} {/if}
@ -221,10 +223,19 @@
user-select: auto; user-select: auto;
} }
.empty-board { /* EMPTY BOARD */
user-select: none;
.empty-board__wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
padding: 0 var(--size-40);
}
.empty-board {
display: flex; display: flex;
margin: auto;
background-color: var(--clr-theme-container-light); background-color: var(--clr-theme-container-light);
border: 1px solid var(--clr-theme-container-outline-light); border: 1px solid var(--clr-theme-container-outline-light);
border-radius: var(--radius-l); border-radius: var(--radius-l);
@ -235,6 +246,7 @@
} }
.empty-board__content { .empty-board__content {
flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;