Minor UI fixes & Bump version

Author: Kenny-Hui

LICENSE

@@ -42,4 +42,4 @@ It is however not recommended to edit the source file with different translated
 - Modern Web Browsers - Achieves reasonable performance & resource usage all without me worrying about optimizations (yet).
 
 ## License
-This project is licensed under the AGPL v3
+This project is licensed under the MIT License.

README.md

@@ -7,7 +7,7 @@
     <meta name="description" content="A web-based XLIFF Editor">
     <meta property="og:title" content="XLEdit" />
     <meta property="og:description" content="A web-based XLIFF Editor." />
-    <meta property="og:image" content="preview.png" />
+    <meta property="og:image" content="/preview.png" />
     <meta charset=”UTF-8”>
 
     <title>XLEdit</title>

index.html

@@ -60,7 +60,7 @@
     text-underline-offset: 0.25rem;
   }
 
-  :global(input, textarea) {
+  :global(input, textarea, select) {
     padding: 0.25rem;
     border: 1px solid var(--border);
     border-radius: 0.25rem;

src/App.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { Github, Settings } from 'lucide-svelte';
     import { openDialog } from '../stores/uiStores';
-    import { DialogProperty, themes } from '../utils/types';
+    import { DialogProperty } from '../utils/types';
     import PreferenceDialog from './overlay/dialogs/preference/Dialog.svelte';
     import IconLink from './shared/IconLink.svelte';
     import HeaderTab from './shared/HeaderTab.svelte';
@@ -32,7 +32,7 @@
         </div>
         <div>
             <IconLink link="https://github.com/Kenny-Hui/xledit" target="_blank">
-                <Github color="black" size={22}/>
+                <Github size={22}/>
             </IconLink>
         </div>
     </div>

src/components/Header.svelte

@@ -23,7 +23,8 @@
       </div>
       <input placeholder="Search Here..." type="text" bind:value={searchQuery.searchTerm}>
       <div class="filter-icon">
-        <IconButton tooltip="Filter..." on:click={() => visible = !visible}><Filter color={(!searchQuery.showTranslated || !searchQuery.showUntranslated || !searchQuery.showNumericOnly) ? "#005FAA" : "#000"} size={20} /></IconButton>
+        
+        <IconButton tooltip="Filter..." on:click={() => visible = !visible}><span class:filter-active={!searchQuery.showTranslated || !searchQuery.showUntranslated || !searchQuery.showNumericOnly}><Filter size={20} /></span></IconButton>
         {#if visible}
           <div class="filter-popmenu" on:focusout={() => visible = false}>
             <p>Search Filter...</p>
@@ -58,6 +59,10 @@
     width: max-content;
   }
 
+  .filter-active {
+    color: var(--highlight-color);
+  }
+
   .searchbox {
     position: sticky;
     top: 0;

src/components/layout/editor/listing/Listing.svelte

@@ -8,13 +8,13 @@
 </script>
 
 <Tooltip tooltip={tooltip}>
-    <a href={link} {target}>
+    <a class="icon" href={link} {target}>
         <slot />
     </a>
 </Tooltip>
 
 <style>
-    a {
+    .icon {
         line-height: 1;
         display: inline-block;
         border: 1px solid transparent;
@@ -26,7 +26,7 @@
         background-color: transparent;
     }
 
-    a:hover {
+    .icon:hover {
         background-color: rgba(0, 0, 0, 0.15);
     }
 </style>

src/components/shared/IconLink.svelte

@@ -1,4 +1,4 @@
-const VERSION = "0.4.0";
+const VERSION = "0.4.1";
 
 export default {
     VERSION: VERSION