color-matcher / layout.css
hahnec's picture
feat(app): add initial app
38d0097
/* SAMPLE BANK */
.line-container {
width: 80%;
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
}
.line {
flex-grow: 1;
height: 1px;
color: var(--block-title-text-color);
background-color: var(--block-title-text-color);
}
.break {
padding: 0 15px;
font-size: 1.2rem;
font-weight: bold;
color: var(--block-title-text-color);
background-color: transparent;
white-space: nowrap;
text-align: center;
}
/* override gradio footer */
.gradio-container footer {
display: none !important;
pointer-events: none;
height: 0;
overflow: hidden;
}
footer button.show-api,
footer a.built-with {
content: "";
}
/* disable slider reset button and parent container */
button.reset-button,
.tab-like-container
{
visibility: hidden;
}
/* override audio controls */
.timestamps,
button.playback.icon,
button.rewind.icon,
button.skip.icon {
display: none !important;
pointer-events: none;
height: 0;
overflow: hidden;
}
/* override file box text */
/* enforce maximum file box height */
button[tabindex="0"][class*="boundedheight"] {
max-height: 100px;
overflow: hidden;
}
/* target the button and hide original content */
button[tabindex="0"] .wrap {
position: relative; /* Ensure positioning for pseudo-elements */
color: transparent; /* Hides the text without affecting layout */
}
button[tabindex="0"] .wrap .or {
display: none; /* Hide the "or" text */
}
/* add new content */
button[tabindex="0"] .wrap::before {
content: "Drop File Here - or - Click to Upload"; /* New content */
font-size: inherit; /* Adjust size */
color: var(--block-title-text-color); /* Set text color */
position: absolute; /* Overlay new content */
top: 50%; /* Center vertically */
left: 50%; /* Center horizontally */
transform: translate(-50%, -50%); /* Center the content */
text-align: center;
white-space: nowrap;
z-index: 1; /* Ensure it appears on top */
}
.radio-group .wrap {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}