2023-01-18 04:47:40 +08:00
|
|
|
<script lang="ts">
|
|
|
|
|
export let visible = true;
|
2023-06-22 03:34:12 +08:00
|
|
|
export let scale: number | null = null;
|
2023-08-04 06:01:18 +08:00
|
|
|
export let min_width = 0;
|
2023-01-18 04:47:40 +08:00
|
|
|
</script>
|
|
|
|
|
|
2023-06-08 09:35:31 +08:00
|
|
|
<div
|
|
|
|
|
class="form"
|
|
|
|
|
class:hidden={!visible}
|
|
|
|
|
style:flex-grow={scale}
|
|
|
|
|
style:min-width={`calc(min(${min_width}px, 100%))`}
|
|
|
|
|
>
|
2022-08-30 10:51:01 +08:00
|
|
|
<slot />
|
|
|
|
|
</div>
|
2023-01-18 04:47:40 +08:00
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
div {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: inherit;
|
|
|
|
|
flex-wrap: wrap;
|
2023-03-07 04:52:31 +08:00
|
|
|
gap: var(--form-gap-width);
|
|
|
|
|
box-shadow: var(--block-shadow);
|
2023-03-17 22:41:53 +08:00
|
|
|
border: var(--block-border-width) solid var(--border-color-primary);
|
2023-04-29 02:31:41 +08:00
|
|
|
border-radius: var(--block-radius);
|
2023-03-17 22:41:53 +08:00
|
|
|
background: var(--border-color-primary);
|
2023-06-29 05:00:27 +08:00
|
|
|
overflow-y: hidden;
|
2023-01-18 04:47:40 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div :global(.block) {
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
border-width: 0px !important;
|
|
|
|
|
border-radius: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hidden {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
