add source code button
This commit is contained in:
parent
448085c068
commit
bc666598c3
@ -1,6 +1,8 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from 'svelte'
|
||||
import FingerprintSection from './components/FingerprintSection.svelte'
|
||||
import ExportButton from './components/ExportButton.svelte'
|
||||
import SourceCodeButton from './components/SourceCodeButton.svelte'
|
||||
import ProgressBar from './components/ProgressBar.svelte'
|
||||
import FingerprintGrid from './components/FingerprintGrid.svelte'
|
||||
import LanguageSwitch from './components/LanguageSwitch.svelte'
|
||||
@ -36,6 +38,7 @@
|
||||
</script>
|
||||
|
||||
<LanguageSwitch on:languageChanged={onLanguageChanged} />
|
||||
<SourceCodeButton />
|
||||
|
||||
{#key refreshKey}
|
||||
<main class="main-container">
|
||||
|
||||
@ -21,12 +21,12 @@
|
||||
.lang-switch {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
right: 140px;
|
||||
background: #007bff;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
padding: 8px 12px;
|
||||
padding: 8.5px 15px;
|
||||
cursor: pointer;
|
||||
font-weight: 500;
|
||||
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