Alex/GoMembership
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: add custom background color to inputField

Browse Source
This commit is contained in:
Alex
2025-02-19 12:05:43 +01:00
parent 3b08e49d6f
commit afe0a0de54
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/lib/components/InputField.svelte
View File

@@ -37,6 +37,9 @@
/** @type {boolean} */ /** @type {boolean} */
export let readonly = false; export let readonly = false;
/** @type {string} */
export let backgroundColor = '--surface0'; // New prop for background color
/** /**
* @param {Event} event - The input event * @param {Event} event - The input event
*/ */
@@ -110,7 +113,10 @@
$: selectedColor = selectedOption ? selectedOption.color : ''; $: selectedColor = selectedOption ? selectedOption.color : '';
</script> </script>
<div class="input-box {type === 'checkbox' ? 'checkbox-container' : ''}"> <div
class="input-box {type === 'checkbox' ? 'checkbox-container' : ''}"
style="background-color: var({backgroundColor});"
>
{#if type === 'checkbox'} {#if type === 'checkbox'}
<label class="form-control {readonly ? 'form-control--disabled' : ''}"> <label class="form-control {readonly ? 'form-control--disabled' : ''}">
<input <input