Update design

This commit is contained in:
Ilia Miheev
2025-01-30 19:20:16 +03:00
parent 1cb8c43cf3
commit cb0fc9e742
2 changed files with 8 additions and 7 deletions
+1 -1
View File
@@ -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>
+7 -6
View File
@@ -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 {