mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor(modal): use class name directive, resolve svelte imports

Browse source
This commit is contained in:
Eric Liu 2020-12-05 17:07:01 -08:00
commit 69fa34dbff
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/Modal/Modal.svelte
View file

@ -69,8 +69,8 @@
export let ref = null; export let ref = null;
import { createEventDispatcher, onMount, afterUpdate } from "svelte"; import { createEventDispatcher, onMount, afterUpdate } from "svelte";
import Close20 from "carbon-icons-svelte/lib/Close20"; import Close20 from "carbon-icons-svelte/lib/Close20/Close20.svelte";
import { Button } from "../Button"; import Button from "../Button/Button.svelte";
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
@ -160,7 +160,9 @@
aria-modal="true" aria-modal="true"
aria-label="{ariaLabel}" aria-label="{ariaLabel}"
class:bx--modal-container="{true}" class:bx--modal-container="{true}"
class="{size && `bx--modal-container--${size}`}" class:bx--modal-container--xs="{size === 'xs'}"
class:bx--modal-container--sm="{size === 'sm'}"
class:bx--modal-container--lg="{size === 'lg'}"
on:click="{() => { on:click="{() => {
didClickInnerModal = true; didClickInnerModal = true;
}}" }}"