antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2026-03-01 12:44:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

styling fullscreen and combobox fix

Browse Source
This commit is contained in:
Anton Tranelis 2025-05-29 23:51:12 +02:00
parent 1c93565dd9
commit 44c2a87aa2
2 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Components/Input/ComboBoxInput.tsx
View File

@ -13,7 +13,7 @@ const ComboBoxInput = ({ id, options, value, onValueChange }: ComboBoxProps) =>
return (
<select
id={id}
className='tw:form-select tw:block tw:w-full tw:py-2 tw:px-4 tw:border tw:border-gray-300 rounded-md tw:shadow-sm tw:text-sm tw:focus:outline-hidden tw:focus:ring-indigo-500 tw:focus:border-indigo-500 tw:sm:text-sm'
className='tw:select'
onChange={handleChange}
value={value} // ← hier controlled statt defaultValue
>

33
src/assets/css/easymde.css
View File

@ -81,11 +81,40 @@
padding-bottom: 3px;
}
.EasyMDEContainer .fullscreen {
border-radius: 0;
.EasyMDEContainer .editor-toolbar.fullscreen{
margin: 16px;
width: calc(100% - 32px);
border-color: color-mix(in oklab, var(--color-base-content) 20%, #0000)!important;
border-start-start-radius: var(--radius-field) !important;
border-start-end-radius: var(--radius-field) !important;
border-width: var(--border) !important;
}
.EasyMDEContainer .CodeMirror.CodeMirror-fullscreen.CodeMirror-wrap {
margin: 16px;
width: calc(100% - 32px);
border-color: color-mix(in oklab, var(--color-base-content) 20%, #0000)!important;
border-end-start-radius: var(--radius-field) !important;
border-end-end-radius: var(--radius-field) !important;
border-width: var(--border) !important;
border-top-width: 0 !important;
border-right-width: var(--border) !important;
border-top: var(--border) !important;
}
.CodeMirror-cursor {
border-color: var(--color-base-content) !important;
}
.editor-preview-full{
background-color: var(--color-base-100) !important;
}
.editor-preview-side{
margin: 16px;
width: calc(50% - 16px);
border-color: color-mix(in oklab, var(--color-base-content) 20%, #0000)!important;
border-end-end-radius: var(--radius-field) !important;
border-width: var(--border) !important;
}
}