mirror/advplyr.audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-07-22 03:44:28 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

Tailwind V4 migration initial commit

Browse source
This commit is contained in:
mikiher 2025-03-16 16:41:37 +02:00
parent d60ccff5e8
commit 30db5d50fb
186 changed files with 1858 additions and 1324 deletions
Download patch file Download diff file Expand all files Collapse all files

15
client/components/widgets/Alert.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="w-full bg-opacity-5 border border-opacity-60 rounded-lg flex items-center relative py-4 pl-16" :class="wrapperClass">
<div class="w-full border rounded-lg flex items-center relative py-4 pl-16" :class="wrapperClass">
<div class="absolute top-0 left-4 h-full flex items-center">
<span class="material-symbols text-2xl">{{ icon }}</span>
</div>
@ -24,7 +24,18 @@ export default {
return 'info'
},
wrapperClass() {
return `bg-${this.type} border-${this.type} text-${this.type}`
switch (this.type) {
case 'error':
return 'bg-error/5 border-error/60 text-error'
case 'warning':
return 'bg-warning/5 border-warning/60 text-warning'
case 'success':
return 'bg-success/5 border-success/60 text-success'
case 'info':
return 'bg-info/5 border-info/60 text-info'
default:
return 'bg-primary/5 border-primary/60 text-primary'
}
}
},
methods: {},