|
|
|
body { |
|
background-color: #f0f0f0; |
|
font-family: 'Arial', sans-serif; |
|
} |
|
|
|
.gradio-app { |
|
max-width: 1200px; |
|
margin: auto; |
|
padding: 20px; |
|
background-color: #ffffff; |
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); |
|
} |
|
|
|
.button, .input, .output { |
|
margin-bottom: 20px; |
|
} |
|
|
|
.label { |
|
font-weight: bold; |
|
margin-bottom: 5px; |
|
} |
|
|
|
.tab { |
|
background-color: #e0e0e0; |
|
border: none; |
|
padding: 10px 20px; |
|
cursor: pointer; |
|
font-size: 16px; |
|
} |
|
|
|
.tab.active { |
|
background-color: #c0c0c0; |
|
} |
|
|
|
.row { |
|
display: flex; |
|
flex-wrap: wrap; |
|
gap: 20px; |
|
margin-bottom: 20px; |
|
} |
|
|
|
.image { |
|
border-radius: 5px; |
|
max-width: 100%; |
|
height: auto; |
|
} |
|
|
