root/fumas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
relaxed 2024-09-03 19:07:13 +05:00
parent 93df24ff73
commit ac2f25b250
3 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/ui/Button.svelte
View File

@ -14,7 +14,7 @@
}; };
</script> </script>
<div class={class_div !== "" ? class_div : "w-auto m-2"}> <div class={class_div !== "" ? class_div : "w-auto m-2 text-xl"}>
<button <button
on:click={async () => { on:click={async () => {
is_hover = false; is_hover = false;
@ -40,7 +40,7 @@
: ` : `
w-full py-1 px-2 w-full py-1 px-2
flex justify-center items-center flex justify-center items-center
text-[var(--w-text)] dark:text-[var(--b-text)] text-xl text-[var(--w-text)] dark:text-[var(--b-text)]
${is_border ? 'border-2' : 'border-0'} ${is_border ? 'border-2' : 'border-0'}
border-[var(--w-border)] dark:border-[var(--b-border)] rounded-xl border-[var(--w-border)] dark:border-[var(--b-border)] rounded-xl
text-[var(--w-text)] dark:text-[var(--b-text)]`} text-[var(--w-text)] dark:text-[var(--b-text)]`}

14
src/ui/SideMenu.svelte
View File

@ -1,6 +1,7 @@
<script> <script>
import x from "./x.svg"; import x from "./x.svg";
export let is_open = false; export let is_open = false;
export let is_scroll_balr = false;
export let name = "SideMenu"; export let name = "SideMenu";
export let minw = ""; export let minw = "";
</script> </script>
@ -48,3 +49,16 @@
}} }}
></button> ></button>
</div> </div>
{#if !is_scroll_balr}
<style>
*::-webkit-scrollbar,
*::-webkit-scrollbar-thumb {
width: 0px;
border-radius: 0px;
background-clip: padding-box;
border: 0px solid transparent;
position: absolute;
}
</style>
{/if}

15
src/ui/form/TextArea.svelte
View File

@ -4,9 +4,12 @@
export let placeholder = ""; export let placeholder = "";
export let is_border = true; export let is_border = true;
export let is_resize = true; export let is_resize = true;
export let is_default_class = false;
export let class_name = ""; export let class_name = "";
export let min_h = "40px"; export let min_h = "40px";
let tx; let tx;
function resize() { function resize() {
setTimeout(() => { setTimeout(() => {
tx.style.height = tx.scrollHeight + "px"; tx.style.height = tx.scrollHeight + "px";
@ -17,14 +20,15 @@
tx.style.height = "auto"; tx.style.height = "auto";
tx.style.height = tx.scrollHeight + "px"; tx.style.height = tx.scrollHeight + "px";
} }
}, 0); });
} }
onMount(() => { onMount(() => {
tx.addEventListener("input", resize, false); tx.addEventListener("input", resize, false);
tx.style.height = "auto"; tx.style.height = "auto";
setTimeout(() => { setTimeout(() => {
resize(); resize();
}, 100); });
}); });
</script> </script>
@ -33,8 +37,8 @@
bind:this={tx} bind:this={tx}
{placeholder} {placeholder}
class=" class="
{class_name !== '' {!is_default_class
? class_name ? ''
: `p-2 m-2 h-auto min-h-0 : `p-2 m-2 h-auto min-h-0
overflow-y-hidden overflow-y-hidden
focus-visible:outline-none focus-visible:outline-none
@ -43,5 +47,6 @@
text-[var(--w-text)] dark:text-[var(--b-text)] text-[var(--w-text)] dark:text-[var(--b-text)]
border-[var(--w-border)] dark:border-[var(--b-border)] rounded-xl border-[var(--w-border)] dark:border-[var(--b-border)] rounded-xl
${is_resize ? '' : 'resize-none'} ${is_resize ? '' : 'resize-none'}
transition-all`}" transition-all`}
{class_name}"
></textarea> ></textarea>