CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-30 17:18:14 +13:00
Code Issues Projects Releases Wiki Activity

Merge pull request #323 from Budibase/event-panel-ui-update

Browse source 
Event panel ui update
This commit is contained in:
Joe 2020-06-04 12:40:41 +01:00 committed by GitHub
commit 2dfb5f74e4
1 changed files with 31 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
packages/builder/src/components/userInterface/EventsEditor/EventsEditor.svelte
View file

@ -64,10 +64,10 @@
} }
</script> </script>
<header> <button class="newevent" on:click={() => openModal()} >
<h3>Events</h3> <i class="icon ri-add-circle-fill" />
<PlusButton on:click={() => openModal()} /> Create New Event
</header> </button>
<div class="root"> <div class="root">
<form on:submit|preventDefault class="uk-form-stacked form-root"> <form on:submit|preventDefault class="uk-form-stacked form-root">
@ -86,19 +86,39 @@
</div> </div>
<style> <style>
h3 {
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
color: #8997ab;
margin-bottom: 10px;
}
.root { .root {
font-size: 10pt; font-size: 10pt;
width: 100%; width: 100%;
} }
.newevent {
cursor: pointer;
border: 1px solid var(--grey-dark);
border-radius: 3px;
width: 100%;
padding: 8px 16px;
margin: 0px 0px 12px 0px;
display: flex;
justify-content: center;
align-items: center;
background: white;
color: var(--ink);
font-size: 14px;
font-weight: 500;
transition: all 2ms;
}
.newevent:hover {
background: var(--grey-light);
}
.icon {
color: var(--ink);
font-size: 16px;
margin-right: 4px;
}
.form-root { .form-root {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;