+layout.svelte

<script>
  ...
  let activateClickOutside = true;
  let drawerHidden = true;
  $: if (width >= breakPoint) {
    drawerHidden = false;
    activateClickOutside = false;
  } else {
    drawerHidden = true;
    activateClickOutside = true;
  }
  onMount(() => {
    // console.log('innerwidth', width);
    if (width >= breakPoint) {
      drawerHidden = false;
      activateClickOutside = false;
    } else {
      drawerHidden = true;
      activateClickOutside = true;
    }
  });
</script>

<Drawer
  transitionType="fly"
  {backdrop}
  {transitionParams}
  bind:hidden={drawerHidden}
  bind:activateClickOutside
  leftOffset="top-16 h-screen left-0"
  id="sidebar">
  ...
</Drawer>