Update design
This commit is contained in:
+1
-1
@@ -11,7 +11,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1>Генератор QR-кодов</h1>
|
<h1>Генератор QR-кодов</h1>
|
||||||
<input type="text" id="text-input" placeholder="Введите текст">
|
<textarea id="text-input" cols="30" rows="3" placeholder="Введите текст"></textarea>
|
||||||
<br>
|
<br>
|
||||||
<button id="generate-btn">Сгенерировать QR-код</button>
|
<button id="generate-btn">Сгенерировать QR-код</button>
|
||||||
<button id="download-qr-btn">Скачать QR-код</button>
|
<button id="download-qr-btn">Скачать QR-код</button>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ h1 {
|
|||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
input, button {
|
textarea, button {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
@@ -18,18 +18,19 @@ input, button {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input {
|
textarea {
|
||||||
width: 300px;
|
/* width: 300px; */
|
||||||
|
color: orangered;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background-color: #007bff;
|
background-color: orangered;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
button:hover {
|
button:active {
|
||||||
background-color: #0056b3;
|
background-color: rgb(135, 36, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
#qr-code {
|
#qr-code {
|
||||||
|
|||||||
Reference in New Issue
Block a user