Reducing the visibility of WebGAL tags

Author: MakinoharaShoko

packages/webgal/index.html

@@ -71,6 +71,8 @@
       </div>
       <div style="position: absolute;
         bottom: 1em;
+        color:#999;
+        font-size: 75%;
         display: flex;
         justify-content: center;
         width: 100%;
@@ -80,10 +82,6 @@
           Powered by <a href="https://github.com/OpenWebGAL/WebGAL"
             onclick="jump(event, 'https://github.com/OpenWebGAL/WebGAL')">WebGAL</a> Framework
         </div>
-        <div>
-          Made with ❤ by <a href="https://github.com/OpenWebGAL"
-            onclick="jump(event, 'https://github.com/OpenWebGAL')">OpenWebGAL</a>
-        </div>
       </div>
     </div>
   </div>

packages/webgal/src/UI/Menu/Options/System/System.tsx

@@ -19,6 +19,7 @@ import useSoundEffect from '@/hooks/useSoundEffect';
 import savesReducer, { ISavesData, saveActions } from '@/store/savesReducer';
 import { dumpFastSaveToStorage, dumpSavesToStorage } from '@/Core/controller/storage/savesController';
 import { OptionSlider } from '@/UI/Menu/Options/OptionSlider';
+import { Info } from '@icon-park/react';
 
 interface IExportGameData {
   userData: IUserData;
@@ -187,7 +188,7 @@ export function System() {
             />
           </NormalOption>
           <div className={styles.About_title_text} onClick={toggleAbout}>
-            <span className={styles.About_text}>{t('about.title')}</span>
+            <Info theme="outline" size="32" fill="#227D515F" />
           </div>
         </>
       )}

packages/webgal/src/UI/Menu/Options/options.module.scss

@@ -71,12 +71,16 @@
   align-content: flex-start;
   flex-wrap: wrap;
   padding: 0 1em 0 1em;
+  position: relative;
 }
 
 .About_title_text {
   margin: 0.2em 1em 0.2em 1em;
   padding: 0.2em 0.2em 0.2em 0.2em;
-  width: 100%;
+  //width: 100%;
+  position: absolute;
+  top: 10px;
+  right: 10px;
   animation: Elements_in ease-out 0.7s forwards;
   cursor: pointer;
 }