Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Add 'narrow' property to Modal
Alexis Sellier committed 4 years ago
commit 232ab5a241c2025cf25c51e9c9f77bfff28b9689
parent d54489d36d1722005374e4b74337034cc9023d1c
1 file changed +8 -1
modified src/Modal.svelte
@@ -3,6 +3,7 @@
  export let error = false;

  export let subtle = false;

  export let small = false;
+ 
  export let narrow = false;

</script>



<style>
@@ -33,6 +34,9 @@
    max-width: 760px;

    text-align: center;

  }
+ 
  .modal.modal-narrow {
+ 
    max-width: 600px;
+ 
  }

  .modal.modal-subtle {

    border: none;

    box-shadow: none;
@@ -82,7 +86,10 @@
{/if}



<div class:modal-floating={floating} class="centered">
- 
  <div class="modal" class:error class:modal-subtle={subtle} class:modal-small={small}>
+ 
  <div class="modal" class:error
+ 
       class:modal-subtle={subtle}
+ 
       class:modal-narrow={narrow}
+ 
       class:modal-small={small}>

    <div class="modal-title">

      <slot name="title"></slot>

    </div>