sprechtl/PomeloNote
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

editor styling added

Browse source
This commit is contained in:
j-weissen 2022-10-17 21:27:19 +02:00
parent fa94a99567
commit 7068ae402e
1 changed files with 16 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

27
frontend/svelte/src/routes/editor/+page.svelte
View file

@ -39,28 +39,33 @@
<title>Editor</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<link href="" rel="stylesheet">
</head>
<html lang="en">
<div class="offset-3 col-6">
<div class="offset-3 col-6 wrapper">
<h1 class="">{title}</h1>
<input bind:value={title} class="input"> <br />
<textarea bind:value={content} class="input"></textarea>
<button on:click={() => save()} class="btn btn-primary save">Save</button>
<button on:click={() => returnToListing()} class="btn btn-outline-danger cancel">Cancel</button>
<textarea bind:value={content} class="input textarea"></textarea>
<div class="button-container">
<button on:click={() => save()} class="btn btn-primary">Save</button>
<button on:click={() => returnToListing()} class="btn btn-outline-danger">Cancel</button>
</div>
</div>
</html>
<style>
@import "../../customBootstrap.css";
.wrapper {
margin-top: 20px;
}
.input {
margin-top: 30px;
margin-bottom: 10px;
width: 100%;
}
.save {
justify-content: right;
.button-container {
float: right;
}
.cancel {
justify-content: right;
.textarea {
height: 300px;
}
</style>