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