BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-05 19:24:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

beta styles + popup

Browse Source
This commit is contained in:
Seth Burkart
2023-09-15 15:03:26 +10:00
parent f8c84494ba
commit 8022fdd62b
10 changed files with 118 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
interface/index.html
+1 -1
View File
@@ -7,7 +7,7 @@
<title>Vite + React + TS</title>
</head>
<body class="">
<div id="ExtensionPopup" class=""></div>
<div id="ExtensionPopup"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
interface/src/App.tsx
+7 -10
View File
@@ -57,19 +57,16 @@ const App: React.FC = () => {
}
];
{/* <div className="flex justify-center w-screen h-screen pt-4 overflow-hidden" style={{ background: settingsState.customThemeColor }}> */}
return (
<div className="flex justify-center w-screen h-screen pt-4 overflow-hidden" style={{ background: settingsState.customThemeColor }}>
<div className="flex flex-col w-[24rem] shadow-2xl gap-2 bg-white rounded-xl h-4/6 dark:bg-zinc-800 dark:text-white">
<div className="grid border-b border-b-zinc-200/40 place-items-center">
<img src={logo} className="w-4/5 dark:hidden" />
<img src={logoDark} className="hidden w-4/5 dark:block" />
</div>
<TabbedContainer themeColor={settingsState.customThemeColor} tabs={tabs} />
<div className="flex flex-col w-[24rem] shadow-2xl gap-2 bg-white rounded-xl h-[590px] dark:bg-zinc-800 dark:text-white">
<div className="grid border-b border-b-zinc-200/40 place-items-center">
<img src={logo} className="w-4/5 dark:hidden" />
<img src={logoDark} className="hidden w-4/5 dark:block" />
</div>
<TabbedContainer themeColor={settingsState.customThemeColor} tabs={tabs} />
</div>
);
}
};
export default App;
interface/src/main.tsx
+17 -1
View File
File diff suppressed because one or more lines are too long
interface/tailwind.config.js
+1
View File
@@ -4,6 +4,7 @@ export default {
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
important: true,
darkMode: "class",
theme: {
fontSize: {
interface/vite.config.ts
+1 -1
View File
@@ -10,7 +10,7 @@ export default defineConfig({
output: {
assetFileNames: 'client/rsc/[ext]/[name][extname]',
chunkFileNames: 'client/rsc/[chunks]/[name].[hash].js',
entryFileNames: 'client/rsc/js/client.js'
entryFileNames: 'client/public/client.js'
}
}
}
public/client.js
+79
View File
File diff suppressed because one or more lines are too long
public/manifest.json
+4
View File
@@ -50,6 +50,10 @@
{
"resources": ["popup/*"],
"matches": ["*://*/*"]
},
{
"resources": ["client.js"],
"matches": ["*://*/*"]
}
]
}
src/SEQTA.js
+6
View File
@@ -1583,6 +1583,12 @@ function CallExtensionSettings() {
</div></div>`);
document.body.append(Settings.firstChild);
// override old popup with new (experimental)
const script = document.createElement("script");
script.type = "module";
script.src = chrome.runtime.getURL("client.js");
(document.head||document.documentElement).appendChild(script);
var container = document.getElementById("container");
var extensionsettings = document.getElementById("ExtensionPopup");
container.onclick = function () {
src/inject/injected.css
+1
View File
@@ -25,6 +25,7 @@
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600");
@import "./injected/popup.css";
@import "./popup.css";
:root {
background-color: var(--better-main) !important;
src/inject/popup.css
+1
View File
File diff suppressed because one or more lines are too long