MALIO-DEV/malio-layer-ui
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : Ajout du composant téléphone

Browse Source
This commit is contained in:
Autin
2026-05-12 08:45:19 +02:00
parent 1ffe63827d
commit a1040d2a5e
22 changed files with 1201 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/malio/select/Select.vue
View File

@@ -7,24 +7,24 @@
<button
:id="buttonId"
type="button"
class="grow-height peer relative w-full border bg-white pl-3 pr-10 py-1 text-left outline-none focus-visible:border-2 focus-visible:border-m-primary"
class="grow-height peer relative w-full border bg-white pl-3 pr-10 py-1 text-left outline-none focus-visible:border-m-primary"
:class="[
hasError
? isOpen
? openDirection === 'down'
? 'rounded-b-none !border-2 !border-m-danger !border-b-0'
: 'rounded-t-none !border-2 !border-m-danger !border-t-0'
? 'rounded-b-none !border !border-m-danger !border-b-0'
: 'rounded-t-none !border !border-m-danger !border-t-0'
: 'border-m-danger'
: hasSuccess
? isOpen
? openDirection === 'down'
? 'rounded-b-none !border-2 !border-m-success !border-b-0'
: 'rounded-t-none !border-2 !border-m-success !border-t-0'
? 'rounded-b-none !border !border-m-success !border-b-0'
: 'rounded-t-none !border !border-m-success !border-t-0'
: 'border-m-success'
: isOpen
? openDirection === 'down'
? 'rounded-b-none !border-2 !border-m-primary !border-b-0'
: 'rounded-t-none !border-2 !border-m-primary !border-t-0'
? 'rounded-b-none !border !border-m-primary !border-b-0'
: 'rounded-t-none !border !border-m-primary !border-t-0'
: isOptionSelected
? 'border-black'
: 'border-m-muted',
@@ -98,7 +98,7 @@
ref="listRef"
role="listbox"
:aria-labelledby="buttonId"
class="absolute left-0 right-0 z-20 max-h-60 w-full overflow-auto border-2 bg-white"
class="absolute left-0 right-0 z-20 max-h-60 w-full overflow-auto border bg-white"
:class="[
openDirection === 'down'
? 'top-[calc(100%-4px)] rounded-b-md border-t-0'

16
app/components/malio/select/SelectCheckbox.vue
View File

@@ -7,24 +7,24 @@
<button
:id="buttonId"
type="button"
class="grow-height peer relative w-full border bg-white pl-3 pr-10 py-1 text-left outline-none focus-visible:border-2 focus-visible:border-m-primary"
class="grow-height peer relative w-full border bg-white pl-3 pr-10 py-1 text-left outline-none focus-visible:border-m-primary"
:class="[
hasError
? isOpen
? openDirection === 'down'
? 'rounded-b-none !border-2 !border-m-danger !border-b-0'
: 'rounded-t-none !border-2 !border-m-danger !border-t-0'
? 'rounded-b-none !border !border-m-danger !border-b-0'
: 'rounded-t-none !border !border-m-danger !border-t-0'
: 'border-m-danger'
: hasSuccess
? isOpen
? openDirection === 'down'
? 'rounded-b-none !border-2 !border-m-success !border-b-0'
: 'rounded-t-none !border-2 !border-m-success !border-t-0'
? 'rounded-b-none !border !border-m-success !border-b-0'
: 'rounded-t-none !border !border-m-success !border-t-0'
: 'border-m-success'
: isOpen
? openDirection === 'down'
? 'rounded-b-none !border-2 !border-m-primary !border-b-0'
: 'rounded-t-none !border-2 !border-m-primary !border-t-0'
? 'rounded-b-none !border !border-m-primary !border-b-0'
: 'rounded-t-none !border !border-m-primary !border-t-0'
: isOptionSelected
? 'border-black'
: 'border-m-muted',
@@ -126,7 +126,7 @@
ref="listRef"
role="listbox"
:aria-labelledby="buttonId"
class="absolute left-0 right-0 z-20 max-h-60 w-full overflow-auto border-2 bg-white"
class="absolute left-0 right-0 z-20 max-h-60 w-full overflow-auto border bg-white"
:class="[
openDirection === 'down'
? 'top-[calc(100%-4px)] rounded-b-md border-t-0'