lyunm1206
commited on
Commit
·
05aa7ff
1
Parent(s):
e94ef54
cel
Browse files- index.html +4 -3
index.html
CHANGED
|
@@ -37,6 +37,7 @@
|
|
| 37 |
|
| 38 |
label {
|
| 39 |
margin-right: 10px;
|
|
|
|
| 40 |
}
|
| 41 |
|
| 42 |
input[type="radio"] {
|
|
@@ -54,7 +55,7 @@
|
|
| 54 |
|
| 55 |
.tabs {
|
| 56 |
display: flex; /* Align tab buttons in a row */
|
| 57 |
-
justify-content: space-
|
| 58 |
padding: 10px;
|
| 59 |
background-color: #f9f9f9;
|
| 60 |
border-bottom: 1px solid #ddd; /* Visual separation from the content */
|
|
@@ -63,7 +64,7 @@
|
|
| 63 |
.tab-button {
|
| 64 |
background-color: #007bff;
|
| 65 |
color: white;
|
| 66 |
-
border:
|
| 67 |
padding: 10px 20px;
|
| 68 |
border-radius: 5px;
|
| 69 |
cursor: pointer;
|
|
@@ -127,7 +128,7 @@
|
|
| 127 |
|
| 128 |
<div class="tabbed-interface">
|
| 129 |
<div class="tabs">
|
| 130 |
-
<button class="tab-button" data-tab = "tab1" onclick="openTab('tab1')"
|
| 131 |
<button class="tab-button" data-tab = "tab2" onclick="openTab('tab2')">Kodak 01</button>
|
| 132 |
<button class="tab-button" data-tab = "tab3" onclick="openTab('tab3')">Kodak 02</button>
|
| 133 |
<button class="tab-button" data-tab = "tab4" onclick="openTab('tab4')">DIV2K 801</button>
|
|
|
|
| 37 |
|
| 38 |
label {
|
| 39 |
margin-right: 10px;
|
| 40 |
+
font-weight: bold;
|
| 41 |
}
|
| 42 |
|
| 43 |
input[type="radio"] {
|
|
|
|
| 55 |
|
| 56 |
.tabs {
|
| 57 |
display: flex; /* Align tab buttons in a row */
|
| 58 |
+
justify-content: space-around; /* Evenly space out the buttons */
|
| 59 |
padding: 10px;
|
| 60 |
background-color: #f9f9f9;
|
| 61 |
border-bottom: 1px solid #ddd; /* Visual separation from the content */
|
|
|
|
| 64 |
.tab-button {
|
| 65 |
background-color: #007bff;
|
| 66 |
color: white;
|
| 67 |
+
border: none;
|
| 68 |
padding: 10px 20px;
|
| 69 |
border-radius: 5px;
|
| 70 |
cursor: pointer;
|
|
|
|
| 128 |
|
| 129 |
<div class="tabbed-interface">
|
| 130 |
<div class="tabs">
|
| 131 |
+
<button class="tab-button" data-tab = "tab1" onclick="openTab('tab1')">Kodak 08</button>
|
| 132 |
<button class="tab-button" data-tab = "tab2" onclick="openTab('tab2')">Kodak 01</button>
|
| 133 |
<button class="tab-button" data-tab = "tab3" onclick="openTab('tab3')">Kodak 02</button>
|
| 134 |
<button class="tab-button" data-tab = "tab4" onclick="openTab('tab4')">DIV2K 801</button>
|