add source code button
This commit is contained in:
parent
448085c068
commit
bc666598c3
@ -1,6 +1,8 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { onMount } from 'svelte'
|
import { onMount } from 'svelte'
|
||||||
|
import FingerprintSection from './components/FingerprintSection.svelte'
|
||||||
import ExportButton from './components/ExportButton.svelte'
|
import ExportButton from './components/ExportButton.svelte'
|
||||||
|
import SourceCodeButton from './components/SourceCodeButton.svelte'
|
||||||
import ProgressBar from './components/ProgressBar.svelte'
|
import ProgressBar from './components/ProgressBar.svelte'
|
||||||
import FingerprintGrid from './components/FingerprintGrid.svelte'
|
import FingerprintGrid from './components/FingerprintGrid.svelte'
|
||||||
import LanguageSwitch from './components/LanguageSwitch.svelte'
|
import LanguageSwitch from './components/LanguageSwitch.svelte'
|
||||||
@ -36,6 +38,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<LanguageSwitch on:languageChanged={onLanguageChanged} />
|
<LanguageSwitch on:languageChanged={onLanguageChanged} />
|
||||||
|
<SourceCodeButton />
|
||||||
|
|
||||||
{#key refreshKey}
|
{#key refreshKey}
|
||||||
<main class="main-container">
|
<main class="main-container">
|
||||||
|
|||||||
@ -21,12 +21,12 @@
|
|||||||
.lang-switch {
|
.lang-switch {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 20px;
|
top: 20px;
|
||||||
right: 20px;
|
right: 140px;
|
||||||
background: #007bff;
|
background: #007bff;
|
||||||
color: white;
|
color: white;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 8px 12px;
|
padding: 8.5px 15px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|||||||
36
src/components/SourceCodeButton.svelte
Normal file
36
src/components/SourceCodeButton.svelte
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
function openSourceCode() {
|
||||||
|
window.open('https://git.fuckyougoogle.xyz/iwakura/WhatCanFingerprint', '_blank')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="source-code-button">
|
||||||
|
<button on:click={openSourceCode} class="btn btn-source">
|
||||||
|
Source Code
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.source-code-button {
|
||||||
|
position: fixed;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-source {
|
||||||
|
padding: 8px 12px;
|
||||||
|
background: #6c757d;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-source:hover {
|
||||||
|
background: #545b62;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user