beta styles + popup

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
+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>
+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;
+17 -1
View File
File diff suppressed because one or more lines are too long
+1
View File
@@ -4,6 +4,7 @@ export default {
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
important: true,
darkMode: "class",
theme: {
fontSize: {
+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'
}
}
}