clear button styling

This commit is contained in:
awesomeuser 2023-08-04 19:22:57 +00:00
parent 393a6aeb65
commit a7e0a70f82

View file

@ -5,14 +5,6 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<style> <style>
button {
background: var(--accent);
color: white;
font-weight: 600;
border: none;
cursor: pointer;
}
#center { #center {
width: 100%; width: 100%;
max-width: 900px; max-width: 900px;
@ -56,6 +48,18 @@
cursor: pointer; cursor: pointer;
} }
button {
background: var(--accent);
color: white;
font-weight: 600;
border: none;
cursor: pointer;
}
#clear-button:hover {
background: red;
}
.feed-header { .feed-header {
color: white; color: white;
display: inline-block; display: inline-block;
@ -139,7 +143,7 @@
<div style="border: 1px solid grey;"> <div style="border: 1px solid grey;">
<button type="button" onclick="setPen();" id="pen-button">Pen</button> <button type="button" onclick="setPen();" id="pen-button">Pen</button>
<button type="button" onclick="setEraser();" id="eraser-button">Eraser</button> <button type="button" onclick="setEraser();" id="eraser-button">Eraser</button>
<button type="button" onclick="clearCanvas();" style="float: right;">Clear</button> <button type="button" onclick="clearCanvas();" id="clear-button" style="float: right;">Clear</button>
</div> </div>
<form method="post" action="farp.php"> <form method="post" action="farp.php">