Skip to content

Commit

Permalink
Merge pull request #211 from IGNF/feat-dsfr-display-rich
Browse files Browse the repository at this point in the history
feat(DsfrDisplay): affichage correct de DsfrDisplay
  • Loading branch information
elias75015 authored May 15, 2024
2 parents 88898e3 + ba203df commit 0be6823
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 10 deletions.
10 changes: 3 additions & 7 deletions src/App.vue
Original file line number Diff line number Diff line change
Expand Up @@ -113,12 +113,8 @@ const navItems: DsfrNavigationProps['navItems'] = [
<div class="fr-container fr-container--fluid fr-container-md">
<DsfrModal ref="modal" :opened="themeModalOpened" :title="footerParams.themeModale.title"
:size="footerParams.themeModale.size" @close="onModalClose">
<div class="fr-container fr-my-2v">
<div class="fr-my-2v fr-radio-group fr-radio-rich">
<DsfrRadioButtonSet v-model="modelValue" :legend="footerParams.themeModale.legend" name="fr-radios-theme"
:options="footerParams.themeModale.themeOptions" @update:model-value="changeTheme" />
</div>
</div>
<DsfrRadioButtonSet v-model="modelValue" :legend="footerParams.themeModale.legend" name="fr-radios-theme"
:options="footerParams.themeModale.themeOptions" @update:model-value="changeTheme" />
</DsfrModal>
</div>
</template>
</template>
9 changes: 6 additions & 3 deletions src/composables/footerParams.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,9 @@ import LogoIGN from "../assets/logo-ign.png"
import LogoTRANSFO from "../assets/logo-transformation-fonction-publiques.png"
import LogoECOLO from "../assets/logo-transition-ecologique.png"
import LogoCNIG from "../assets/logo-cnig.png"
import LogoSun from "@gouvfr/dsfr/dist/artwork/pictograms/environment/sun.svg"
import LogoMoon from "@gouvfr/dsfr/dist/artwork/pictograms/environment/moon.svg"
import LogoSystem from "@gouvfr/dsfr/dist/artwork/pictograms/system/system.svg"

export function useFooterParams() {

Expand Down Expand Up @@ -73,22 +76,22 @@ export function useFooterParams() {
value: 'light',
id: 'fr-radios-theme-light',
name: 'fr-radios-theme',
img: ""
img: LogoSun,
},
{
label: 'Thème sombre',
id: 'fr-radios-theme-dark',
value: 'dark',
name: 'fr-radios-theme',
img: ""
img: LogoMoon,
},
{
label: 'Système',
id: 'fr-radios-theme-system',
value: 'system',
name: 'fr-radios-theme',
hint: 'Utilise les paramètres sytème.',
img: ""
img: LogoSystem,
}
]
}
Expand Down

0 comments on commit 0be6823

Please sign in to comment.