Navy.gif/webserver-framework-frontend
Template
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixing label width issue for the list view toggle

Browse Source
This commit is contained in:
D3vision 2023-05-15 18:57:04 +02:00
parent fa1fb4e87f
commit 0d128ffac7
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/InputElements.tsx
View File

@ -47,7 +47,7 @@ export type InputElementProperties<T> = {
} }
export const ToggleSwitch = ({ value, onChange, inputRef, children }: InputElementProperties<boolean>) => { export const ToggleSwitch = ({ value, onChange, inputRef, children }: InputElementProperties<boolean>) => {
return <label> return <label className="label-fix">
<span className="check-box check-box-row mb-2"> <span className="check-box check-box-row mb-2">
{children && <b>{children}</b>} {children && <b>{children}</b>}
<input ref={inputRef} defaultChecked={value} onChange={onChange} type='checkbox' /> <input ref={inputRef} defaultChecked={value} onChange={onChange} type='checkbox' />

4
src/css/index.css
View File

@ -751,3 +751,7 @@ input[type=file]::file-selector-button:hover {
.f-b0{ .f-b0{
flex-basis: 0px !important; flex-basis: 0px !important;
} }
.label-fix{
display: block;
width: fit-content;
}