MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add 'new' badges to binding and state panels

This commit is contained in:
Andrew Kingston 2025-02-03 14:10:25 +00:00
parent e49d0f390e
commit a6e1008904
No known key found for this signature in database
1 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/LeftPanel.svelte
View File

@ -28,7 +28,12 @@
selected={activeTab === tab} selected={activeTab === tab}
on:click={() => (activeTab = tab)} on:click={() => (activeTab = tab)}
> >
<div class="tab-label">
{tab} {tab}
{#if tab !== Tabs.Components}
<div class="new">NEW</div>
{/if}
</div>
</ActionButton> </ActionButton>
{/each} {/each}
</div> </div>
@ -49,7 +54,7 @@
<style> <style>
.panel { .panel {
display: flex; display: flex;
min-width: 270px; min-width: 310px;
width: 310px; width: 310px;
height: 100%; height: 100%;
} }
@ -78,6 +83,19 @@
overflow-x: hidden; overflow-x: hidden;
padding: var(--spacing-l); padding: var(--spacing-l);
} }
.tab-label {
display: flex;
align-items: center;
gap: 4px;
}
.new {
font-size: 8px;
background: var(--bb-indigo);
border-radius: 2px;
padding: 1px 3px;
color: white;
font-weight: bold;
}
.divider { .divider {
position: relative; position: relative;