Update index.html

2023-06-27 09:22:47 +02:00
parent 3087410306
commit d484e84a63
1 changed files with 33 additions and 1 deletions
@@ -11,10 +11,12 @@
    body {
      font-family: Arial, sans-serif;
      padding: 10px;
+      background-color: #f8f8f8;
    }

    h1 {
      text-align: center;
+      margin-bottom: 20px;
    }

    h2, h3 {
@@ -23,10 +25,14 @@

    textarea {
      width: 100%;
+      padding: 10px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      resize: vertical;
    }

    .container {
-      margin-bottom: 10px;
+      margin-bottom: 20px;
    }

    .other {
@@ -39,10 +45,17 @@
      width: 100%;
      height: 40px;
      font-size: 12px;
+      border: none;
+      background-color: #4E9AF1;
+      color: white;
+      cursor: pointer;
    }

    .other #delayInput {
      width: 100%;
+      padding: 10px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
    }

    .other .large-btn {
@@ -50,6 +63,25 @@
      white-space: normal;
      line-height: 1.2;
    }
+
+    #translateButton,
+    #saveButton {
+      padding: 10px;
+      border: none;
+      background-color: #4E9AF1;
+      color: white;
+      font-size: 16px;
+      cursor: pointer;
+    }
+
+    #output {
+      width: 100%;
+      height: 200px;
+      padding: 10px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      resize: vertical;
+    }
  </style>
 </head>
 <body>