clear button styling
This commit is contained in:
parent
393a6aeb65
commit
a7e0a70f82
1 changed files with 13 additions and 9 deletions
22
index.php
22
index.php
|
@ -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">
|
||||||
|
|
Reference in a new issue