mirror of
https://github.com/Shik3i/KoalaSync.git
synced 2026-08-29 20:17:08 +00:00
add clickable version with GitHub icon to popup header
This commit is contained in:
+31
-2
@@ -35,7 +35,6 @@
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -46,6 +45,27 @@
|
|||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.popup-version {
|
||||||
|
margin-left: auto;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
font-size: 10px;
|
||||||
|
color: var(--text-muted);
|
||||||
|
text-decoration: none;
|
||||||
|
opacity: 0.5;
|
||||||
|
transition: opacity 0.2s, color 0.2s;
|
||||||
|
}
|
||||||
|
.popup-version:hover {
|
||||||
|
opacity: 1;
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
.popup-version svg {
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
/* Tabs */
|
/* Tabs */
|
||||||
.tabs {
|
.tabs {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -288,7 +308,16 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="toast-container"></div>
|
<div id="toast-container"></div>
|
||||||
<h1><img src="icons/icon128.png" alt="KoalaSync Logo">KoalaSync</h1>
|
<h1>
|
||||||
|
<img src="icons/icon128.png" alt="KoalaSync Logo">
|
||||||
|
KoalaSync
|
||||||
|
<a href="https://github.com/Shik3i/KoalaSync" target="_blank" class="popup-version">
|
||||||
|
<svg viewBox="0 0 16 16" fill="currentColor">
|
||||||
|
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
|
||||||
|
</svg>
|
||||||
|
<span id="popupVersion">v0.0.0</span>
|
||||||
|
</a>
|
||||||
|
</h1>
|
||||||
|
|
||||||
<div class="tabs">
|
<div class="tabs">
|
||||||
<button class="tab-btn active" data-tab="tab-room" title="Room settings and connection">Room</button>
|
<button class="tab-btn active" data-tab="tab-room" title="Room settings and connection">Room</button>
|
||||||
|
|||||||
+4
-3
@@ -105,10 +105,11 @@ async function init() {
|
|||||||
if (elements.autoCopyInvite) elements.autoCopyInvite.checked = data.autoCopyInvite !== false;
|
if (elements.autoCopyInvite) elements.autoCopyInvite.checked = data.autoCopyInvite !== false;
|
||||||
|
|
||||||
// Set Version Info
|
// Set Version Info
|
||||||
|
const versionTxt = `v${chrome.runtime.getManifest().version}`;
|
||||||
const versionEl = document.getElementById('appVersion');
|
const versionEl = document.getElementById('appVersion');
|
||||||
if (versionEl) {
|
if (versionEl) versionEl.textContent = versionTxt;
|
||||||
versionEl.textContent = `v${chrome.runtime.getManifest().version}`;
|
const popupVerEl = document.getElementById('popupVersion');
|
||||||
}
|
if (popupVerEl) popupVerEl.textContent = versionTxt;
|
||||||
|
|
||||||
if (data.useCustomServer) {
|
if (data.useCustomServer) {
|
||||||
setServerMode(true);
|
setServerMode(true);
|
||||||
|
|||||||
Reference in New Issue
Block a user