modal style wip

master
km0 3 years ago
parent cd4e6907d8
commit 9e2862b0fd

@ -11,11 +11,13 @@
<body> <body>
<div id="container"> <div id="container">
<div id="editor"></div> <div id="editor"></div>
<form class="text-input"> <div class="text-input">
<form class="modal">
<input id="input" placeholder="Insert your label" type="text" /> <input id="input" placeholder="Insert your label" type="text" />
<button id="insert" type="submit">Insert</button> <button id="insert" type="submit">Insert</button>
<button id="cancel">x</button> <button id="cancel">x</button>
</form> </form>
</div> </div>
</div>
</body> </body>
</html> </html>

@ -79,7 +79,14 @@ body {
align-items: center; align-items: center;
} }
.modal {
padding: 64px;
background-color: tomato;
}
.text-input button { .text-input button {
color: white;
font-weight: bold;
background: none; background: none;
border: none; border: none;
cursor: pointer; cursor: pointer;

Loading…
Cancel
Save