feat: lineheight

src/lang/en.ts

@@ -652,4 +652,5 @@ export const languageEnglish = {
     applyModule: "Apply Module",
     successApplyModule: "Module is successfully applied",
     font: "Font",
+    lineHeight: "Line Height",
 }

src/lib/ChatScreens/Chat.svelte

@@ -261,7 +261,7 @@
                     }
                 }}
                     style:font-size="{0.875 * ($DataBase.zoomsize / 100)}rem"
-                    style:line-height="{1.25 * ($DataBase.zoomsize / 100)}rem"
+                    style:line-height="{($DataBase.lineHeight ?? 1.25) * ($DataBase.zoomsize / 100)}rem"
                 >
                     {#key $CurrentVariablePointer}
                         {#await markParsing(msgDisplay, character, 'normal', idx, translated)}

src/lib/Setting/Pages/DisplaySettings.svelte

@@ -153,6 +153,10 @@
 <SliderInput  min={50} max={200} bind:value={$DataBase.zoomsize} />
 <span class="text-textcolor2 mb-6 text-sm">{($DataBase.zoomsize)}%</span>
 
+<span class="text-textcolor mt-4">{language.lineHeight}</span>
+<SliderInput  min={0.5} max={3} step={0.05} bind:value={$DataBase.lineHeight} />
+<span class="text-textcolor2 mb-6 text-sm">{($DataBase.lineHeight)}</span>
+
 <span class="text-textcolor">{language.iconSize}</span>
 <SliderInput min={50} max={200} bind:value={$DataBase.iconsize} />
 <span class="text-textcolor2 mb-6 text-sm">{($DataBase.iconsize)}%</span>

src/lib/UI/GUI/TextAreaResizable.svelte

@@ -32,5 +32,5 @@
     bind:value={value}
     class="rounded-md p-2 text-textcolor bg-transparent resize-none overflow-y-hidden border border-darkborderc"
     style:font-size="{0.875 * ($DataBase.zoomsize / 100)}rem"
-    style:line-height="{1.25 * ($DataBase.zoomsize / 100)}rem"
+    style:line-height="{($DataBase.lineHeight ?? 1.25) * ($DataBase.zoomsize / 100)}rem"
 />

src/styles.css

@@ -30,7 +30,6 @@ body{
   --risu-theme-darkbutton: #374151;
   --risu-height-size: 100%;
   --risu-font-family: Arial, sans-serif, serif;
-
 }
 
 .x-risu-language-json{

src/ts/storage/database.ts

@@ -415,6 +415,7 @@ export function setDatabase(data:Database){
     data.customTextTheme.FontColorQuote2 ??= '#FFB86C'
     data.font ??= 'default'
     data.customFont ??= ''
+    data.lineHeight ??= 1.25
     changeLanguage(data.language)
     DataBase.set(data)
 }
@@ -684,6 +685,7 @@ export interface Database{
     dallEQuality:string
     font: string
     customFont: string
+    lineHeight: number
 }
 
 export interface customscript{