arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-18 22:11:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(module): implement --ui-radius CSS variable (#2341)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Sandro Circi
2024-10-09 14:28:29 +02:00
committed by GitHub
parent 68ee3f11ca
commit 057e86cfda
60 changed files with 2406 additions and 2292 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
docs/app/plugins/colors.ts → docs/app/plugins/theme.ts
View File

@@ -11,15 +11,22 @@ export default defineNuxtPlugin({
}
}
function updateRadius() {
const radius = localStorage.getItem('nuxt-ui-radius')
if (radius) {
appConfig.theme.radius = Number.parseFloat(radius)
}
}
updateColor('primary')
updateColor('neutral')
updateRadius()
}
if (import.meta.server) {
useHead({
script: [
{
innerHTML: `
script: [{
innerHTML: `
let html = document.querySelector('style#nuxt-ui-colors').innerHTML;
if (localStorage.getItem('nuxt-ui-primary')) {
@@ -39,10 +46,17 @@ export default defineNuxtPlugin({
document.querySelector('style#nuxt-ui-colors').innerHTML = html;
`.replace(/\s+/g, ' '),
type: 'text/javascript',
tagPriority: -1
}
]
type: 'text/javascript',
tagPriority: -1
}, {
innerHTML: `
if (localStorage.getItem('nuxt-ui-radius')) {
document.querySelector('style#nuxt-ui-radius').innerHTML = ':root { --ui-radius: ' + localStorage.getItem('nuxt-ui-radius') + 'rem; }';
}
`.replace(/\s+/g, ' '),
type: 'text/javascript',
tagPriority: -1
}]
})
}
}