Spaces:
Paused
Paused
File size: 1,779 Bytes
9b80d20 f9963d6 9b80d20 f9963d6 9b80d20 f9963d6 9b80d20 f9963d6 9b80d20 49ae885 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 |
/* General styling for the Gradio app */
body {
background-color: #1c1e26;
color: #c0c0c0;
font-family: Arial, sans-serif;
}
/* Styling for the headers */
h1, h2, h3 {
color: #f0a500;
}
/* Styling for the buttons */
button {
background-color: #005f73;
color: #ffffff;
border: none;
padding: 10px 20px;
margin: 10px 0;
cursor: pointer;
border-radius: 5px;
}
button:hover {
background-color: #0a9396;
}
/* Styling for the textboxes */
textarea {
background-color: #242629;
color: #ffffff;
border: 1px solid #ccc;
padding: 10px;
border-radius: 5px;
}
/* Specific styling for the copy buttons to make them visible */
.gr-button.copy-button {
background-color: #ef476f;
color: #ffffff;
border: none;
padding: 5px 10px;
margin: 10px;
cursor: pointer;
border-radius: 5px;
}
.gr-button.copy-button:hover {
background-color: #d43d57;
}
/* Adjust layout to reduce unused space at the bottom */
.gradio-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.gradio-content {
flex: 1;
}
/* Improved layout for rows and columns */
.gr-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.gr-column {
flex: 1;
padding: 10px;
}
/* Ensuring the model architecture and error boxes are aligned */
.model-architecture, .error-box {
flex: 1;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #242629;
}
/* Styling for markdown sections */
.markdown {
margin: 20px 0;
}
/* Ensure the examples have better spacing */
.gr-examples {
display: flex;
flex-wrap: wrap;
}
.gr-examples button {
flex: 1 1 45%;
margin: 5px;
}
|