File size: 1,459 Bytes
03d9a71 |
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 |
import { createStyles } from 'antd-style';
export const useStyles = createStyles(
({ css }, { headerHeight = 64, width }: { headerHeight?: number; width: number }) => ({
container: css`
height: calc(100vh - ${headerHeight}px);
ul.options {
> li {
max-width: ${width - 48}px;
}
}
#quicksettings {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
width: 100%;
> * {
flex: 1;
width: 100% !important;
min-width: unset !important;
max-width: unset !important;
margin: 0;
padding: 0;
}
.head > label {
min-width: unset;
max-width: 60%;
margin-right: 12px;
}
input[type='color'] {
width: 100%;
}
input[type='number'],
textarea {
resize: none;
box-sizing: border-box;
height: 28px !important;
padding: 4px !important;
}
textarea {
width: 100%;
}
span {
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
.dropdown-arrow {
min-width: 16px;
min-height: 16px;
}
div.gradio-dropdown {
min-width: unset !important;
}
}
`,
}),
);
|