Rager
UButton showing over sticky header
I have a table and one of the columns is filled with Nuxt UI buttons. I have a sticky header for this table and everything works with the header just fine except the buttons. The buttons overlap on top of the table when scrolling so it doesn’t look right. Is there a tailwind class I need to use or something?
15 replies
trouble making primary color
this is my app.config.ts
export default defineAppConfig({
ui: {
primary: 'am',
cool: 'gray'
}
})
this is my tailwind.config.ts
import type { Config } from 'tailwindcss'
import defaultTheme from 'tailwindcss/defaultTheme'
export default <Partial<Config>>{
theme: {
extend: {
colors: {
am: {
50: '#BBF2DD',
100: '#A0ECD0',
200: '#88E7C4',
300: '#66E1B4',
400: '#44DAA3',
500: '#28CC90',
600: '#22AA78',
700: '#1B8860',
800: '#146648',
900: '#0D4430',
950: '#0A3324'
}
}
}
}
}
this is my nuxt.config.ts
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
devtools: { enabled: true },
modules: ['@nuxtjs/tailwindcss'],
tailwindcss: {
configPath: 'tailwind.config.ts'
}
})
when i try and make anything a primary color (example: class="bg-primary-400") it just doesnt work10 replies
