Skip to content

Commit 6c44c7d

Browse files
vincent99vincent99
committed
Theme
Signed-off-by: Vincent Fiduccia <[email protected]>
1 parent 36e9d9d commit 6c44c7d

15 files changed

+190
-8
lines changed

‎ui/app.config.ts

+7-1
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,15 @@ export default defineAppConfig({
44
gray: 'cool',
55

66
card: {
7+
header: {
8+
padding: 'px-1 py-1 sm:p-2',
9+
},
710
body: {
811
padding: 'px-1 py-1 sm:p-2'
9-
}
12+
},
13+
footer: {
14+
padding: 'px-1 py-1 sm:p-2'
15+
},
1016
}
1117
},
1218
})

‎ui/app.vue

+1-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,6 @@
1-
<script lang="ts" setup>
2-
import '@/styles/app.scss'
3-
</script>
41
<template>
52
<div class="root bg-slate-100 dark:bg-slate-950">
6-
<LeftNav class="left-nav bg-slate-200 dark:bg-slate-900"/>
3+
<LeftNav class="left-nav bg-slate-50 dark:bg-slate-900"/>
74
<main>
85
<NuxtPage />
96
</main>

‎ui/styles/_base.scss renamed to ‎ui/assets/styles/_base.scss

File renamed without changes.

‎ui/assets/styles/app.scss

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
@import "./base";
2+
@import "./poppins/poppins";

‎ui/assets/styles/poppins/_poppins.scss

+168
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,168 @@
1+
/*
2+
@font-face {
3+
font-family: 'Poppins';
4+
font-style: normal;
5+
font-weight: 100;
6+
src: local(''),
7+
url('~/assets/styles/poppins/poppins-v20-latin-100.woff2') format('woff2'),
8+
url('~/assets/styles/poppins/poppins-v20-latin-100.woff') format('woff');
9+
}
10+
11+
@font-face {
12+
font-family: 'Poppins';
13+
font-style: italic;
14+
font-weight: 100;
15+
src: local(''),
16+
url('~/assets/styles/poppins/poppins-v20-latin-100italic.woff2') format('woff2'),
17+
url('~/assets/styles/poppins/poppins-v20-latin-100italic.woff') format('woff');
18+
}
19+
20+
@font-face {
21+
font-family: 'Poppins';
22+
font-style: normal;
23+
font-weight: 200;
24+
src: local(''),
25+
url('~/assets/styles/poppins/poppins-v20-latin-200.woff2') format('woff2'),
26+
url('~/assets/styles/poppins/poppins-v20-latin-200.woff') format('woff');
27+
}
28+
29+
@font-face {
30+
font-family: 'Poppins';
31+
font-style: italic;
32+
font-weight: 200;
33+
src: local(''),
34+
url('~/assets/styles/poppins/poppins-v20-latin-200italic.woff2') format('woff2'),
35+
url('~/assets/styles/poppins/poppins-v20-latin-200italic.woff') format('woff');
36+
}
37+
38+
@font-face {
39+
font-family: 'Poppins';
40+
font-style: normal;
41+
font-weight: 300;
42+
src: local(''),
43+
url('~/assets/styles/poppins/poppins-v20-latin-300.woff2') format('woff2'),
44+
url('~/assets/styles/poppins/poppins-v20-latin-300.woff') format('woff');
45+
}
46+
47+
@font-face {
48+
font-family: 'Poppins';
49+
font-style: italic;
50+
font-weight: 300;
51+
src: local(''),
52+
url('~/assets/styles/poppins/poppins-v20-latin-300italic.woff2') format('woff2'),
53+
url('~/assets/styles/poppins/poppins-v20-latin-300italic.woff') format('woff');
54+
}
55+
*/
56+
57+
@font-face {
58+
font-family: 'Poppins';
59+
font-style: normal;
60+
font-weight: 400;
61+
src: local(''),
62+
url('~/assets/styles/poppins/poppins-v20-latin-regular.woff2') format('woff2'),
63+
url('~/assets/styles/poppins/poppins-v20-latin-regular.woff') format('woff');
64+
}
65+
66+
@font-face {
67+
font-family: 'Poppins';
68+
font-style: italic;
69+
font-weight: 400;
70+
src: local(''),
71+
url('~/assets/styles/poppins/poppins-v20-latin-italic.woff2') format('woff2'),
72+
url('~/assets/styles/poppins/poppins-v20-latin-italic.woff') format('woff');
73+
}
74+
75+
/*
76+
@font-face {
77+
font-family: 'Poppins';
78+
font-style: normal;
79+
font-weight: 500;
80+
src: local(''),
81+
url('~/assets/styles/poppins/poppins-v20-latin-500.woff2') format('woff2'),
82+
url('~/assets/styles/poppins/poppins-v20-latin-500.woff') format('woff');
83+
}
84+
85+
@font-face {
86+
font-family: 'Poppins';
87+
font-style: italic;
88+
font-weight: 500;
89+
src: local(''),
90+
url('~/assets/styles/poppins/poppins-v20-latin-500italic.woff2') format('woff2'),
91+
url('~/assets/styles/poppins/poppins-v20-latin-500italic.woff') format('woff');
92+
}
93+
94+
*/
95+
96+
@font-face {
97+
font-family: 'Poppins';
98+
font-style: normal;
99+
font-weight: 600;
100+
src: local(''),
101+
url('~/assets/styles/poppins/poppins-v20-latin-600.woff2') format('woff2'),
102+
url('~/assets/styles/poppins/poppins-v20-latin-600.woff') format('woff');
103+
}
104+
105+
/*
106+
@font-face {
107+
font-family: 'Poppins';
108+
font-style: italic;
109+
font-weight: 600;
110+
src: local(''),
111+
url('~/assets/styles/poppins/poppins-v20-latin-600italic.woff2') format('woff2'),
112+
url('~/assets/styles/poppins/poppins-v20-latin-600italic.woff') format('woff');
113+
}
114+
115+
@font-face {
116+
font-family: 'Poppins';
117+
font-style: normal;
118+
font-weight: 700;
119+
src: local(''),
120+
url('~/assets/styles/poppins/poppins-v20-latin-700.woff2') format('woff2'),
121+
url('~/assets/styles/poppins/poppins-v20-latin-700.woff') format('woff');
122+
}
123+
124+
@font-face {
125+
font-family: 'Poppins';
126+
font-style: italic;
127+
font-weight: 700;
128+
src: local(''),
129+
url('~/assets/styles/poppins/poppins-v20-latin-700italic.woff2') format('woff2'),
130+
url('~/assets/styles/poppins/poppins-v20-latin-700italic.woff') format('woff');
131+
}
132+
133+
@font-face {
134+
font-family: 'Poppins';
135+
font-style: normal;
136+
font-weight: 800;
137+
src: local(''),
138+
url('~/assets/styles/poppins/poppins-v20-latin-800.woff2') format('woff2'),
139+
url('~/assets/styles/poppins/poppins-v20-latin-800.woff') format('woff');
140+
}
141+
142+
@font-face {
143+
font-family: 'Poppins';
144+
font-style: italic;
145+
font-weight: 800;
146+
src: local(''),
147+
url('~/assets/styles/poppins/poppins-v20-latin-800italic.woff2') format('woff2'),
148+
url('~/assets/styles/poppins/poppins-v20-latin-800italic.woff') format('woff');
149+
}
150+
151+
@font-face {
152+
font-family: 'Poppins';
153+
font-style: normal;
154+
font-weight: 900;
155+
src: local(''),
156+
url('~/assets/styles/poppins/poppins-v20-latin-900.woff2') format('woff2'),
157+
url('~/assets/styles/poppins/poppins-v20-latin-900.woff') format('woff');
158+
}
159+
160+
@font-face {
161+
font-family: 'Poppins';
162+
font-style: italic;
163+
font-weight: 900;
164+
src: local(''),
165+
url('~/assets/styles/poppins/poppins-v20-latin-900italic.woff2') format('woff2'),
166+
url('~/assets/styles/poppins/poppins-v20-latin-900italic.woff') format('woff');
167+
}
168+
*/

‎ui/assets/styles/poppins/poppins-v20-latin-600.woff

10.4 KB
Binary file not shown.

‎ui/assets/styles/poppins/poppins-v20-latin-600.woff2

7.81 KB
Binary file not shown.

‎ui/assets/styles/poppins/poppins-v20-latin-italic.woff

11.2 KB
Binary file not shown.

‎ui/assets/styles/poppins/poppins-v20-latin-italic.woff2

8.46 KB
Binary file not shown.

‎ui/assets/styles/poppins/poppins-v20-latin-regular.woff

10.3 KB
Binary file not shown.

‎ui/assets/styles/poppins/poppins-v20-latin-regular.woff2

7.7 KB
Binary file not shown.

‎ui/components/left-nav.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -32,12 +32,12 @@ async function remove(e: MouseEvent, id: any) {
3232
<template>
3333
<nav class="left">
3434
<div class="scripts text-slate-700 dark:text-slate-400">
35-
<h4 class="header px-3 py-2 bg-slate-300 dark:bg-slate-800">GPTScripts</h4>
35+
<h4 class="header px-3 py-2 bg-slate-200 dark:bg-slate-800">GPTScripts</h4>
3636
<UVerticalNavigation :links="gptLinks" />
3737
</div>
3838

3939
<div class="runs text-slate-700 dark:text-slate-400">
40-
<h4 class="header px-3 py-2 bg-slate-300 dark:bg-slate-800">Run History</h4>
40+
<h4 class="header px-3 py-2 bg-slate-200 dark:bg-slate-800">Run History</h4>
4141
<UVerticalNavigation :links="runLinks">
4242
<template #badge="{ link }">
4343
<UButton

‎ui/nuxt.config.ts

+4
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,9 @@ export default defineNuxtConfig({
1919
},
2020
},
2121
colorMode: { classSuffix: '' },
22+
css: [
23+
'@/assets/styles/app.scss',
24+
],
2225
components: true,
2326
devServer: {
2427
port,
@@ -27,6 +30,7 @@ export default defineNuxtConfig({
2730
modules: [
2831
'@nuxt/ui',
2932
'@pinia/nuxt',
33+
'@nuxtjs/tailwindcss'
3034
],
3135
nitro: { sourceMap: true },
3236
runtimeConfig: {

‎ui/styles/app.scss

-1
This file was deleted.

‎ui/tailwind.config.ts

+6
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,17 @@
11
import type { Config } from 'tailwindcss'
2+
import defaultTheme from 'tailwindcss/defaultTheme'
3+
24

35
// import colors from 'tailwindcss/colors'
46

57
export default <Partial<Config>> {
68
darkMode: 'class',
79
theme: {
810
extend: {
11+
fontFamily: {
12+
'sans': ['Poppins', ...defaultTheme.fontFamily.sans],
13+
},
14+
915
colors: {
1016
// 'gpt': {
1117
// '50': '#f6f6f6',

0 commit comments

Comments
 (0)