Update design

2025-01-30 19:20:16 +03:00
parent 1cb8c43cf3
commit cb0fc9e742
2 changed files with 8 additions and 7 deletions
@@ -11,7 +11,7 @@

 <body>
    <h1>Генератор QR-кодов</h1>
-    <input type="text" id="text-input" placeholder="Введите текст">
+    <textarea id="text-input" cols="30" rows="3" placeholder="Введите текст"></textarea>
    <br>
    <button id="generate-btn">Сгенерировать QR-код</button>
    <button id="download-qr-btn">Скачать QR-код</button>
@@ -10,7 +10,7 @@ h1 {
    color: #333;
 }

-input, button {
+textarea, button {
    padding: 10px;
    margin: 10px;
    border: 1px solid #ccc;
@@ -18,18 +18,19 @@ input, button {
    font-size: 16px;
 }

-input {
-    width: 300px;
+textarea {
+    /* width: 300px; */
+    color: orangered;
 }

 button {
-    background-color: #007bff;
+    background-color: orangered;
    color: #fff;
    cursor: pointer;
 }

-button:hover {
-    background-color: #0056b3;
+button:active {
+    background-color: rgb(135, 36, 0);
 }

 #qr-code {