Peaceultime/obsidian-visualiser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Migration from tailwindcss v3 to v4. Deletion of nuxt/tailwindcss.

Browse Source
This commit is contained in:
Peaceultime
2026-06-16 15:54:38 +02:00
parent a5317d6156
commit 8cbc25a601
44 changed files with 633 additions and 1145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
app/app.vue
View File

@@ -3,7 +3,7 @@
<NuxtRouteAnnouncer/>
<NuxtLoadingIndicator :throttle="50"/>
<NuxtLayout>
<div class="xl:px-12 xl:py-8 lg:px-8 lg:py-6 px-6 py-3 flex flex-1 justify-center overflow-auto max-h-full max-w-full relative" id="mainContainer">
<div class="xl:px-12 xl:py-8 lg:px-8 lg:py-6 px-6 py-3 flex flex-1 justify-center overflow-auto max-h-full max-w-full relative @container/main" id="mainContainer">
<NuxtPage />
</div>
</NuxtLayout>
@@ -36,6 +36,7 @@ onBeforeMount(() => {
</script>
<style>
@reference "./assets/css/main.css";
iconify-icon
{
display: inline-block;
@@ -46,24 +47,22 @@ iconify-icon
.ToastRoot[data-type='error'] {
@apply border-light-red;
@apply dark:border-dark-red;
@apply bg-light-red;
@apply dark:bg-dark-red;
@apply !bg-opacity-50;
@apply bg-light-red/50;
@apply dark:bg-dark-red/50;
}
.ToastRoot[data-type='success'] {
@apply border-light-green;
@apply dark:border-dark-green;
@apply bg-light-green;
@apply dark:bg-dark-green;
@apply !bg-opacity-50;
@apply bg-light-green/50;
@apply dark:bg-dark-green/50;
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-thumb {
@apply bg-light-40;
@apply dark:bg-dark-40;
@apply bg-light-40!;
@apply dark:bg-dark-40!;
@apply rounded-md;
@apply border-2;
@apply border-solid;
@@ -87,37 +86,37 @@ iconify-icon
.callout[data-type="summary"],
.callout[data-type="tldr"]
{
@apply bg-light-cyan;
@apply dark:bg-dark-cyan;
@apply bg-light-cyan/25;
@apply dark:bg-dark-cyan/25;
@apply text-light-cyan;
@apply dark:text-dark-cyan;
}
.callout[data-type="info"]
{
@apply bg-light-blue;
@apply dark:bg-dark-blue;
@apply bg-light-blue/25;
@apply dark:bg-dark-blue/25;
@apply text-light-blue;
@apply dark:text-dark-blue;
}
.callout[data-type="todo"]
{
@apply bg-light-blue;
@apply dark:bg-dark-blue;
@apply bg-light-blue/25;
@apply dark:bg-dark-blue/25;
@apply text-light-blue;
@apply dark:text-dark-blue;
}
.callout[data-type="important"]
{
@apply bg-light-cyan;
@apply dark:bg-dark-cyan;
@apply bg-light-cyan/25;
@apply dark:bg-dark-cyan/25;
@apply text-light-cyan;
@apply dark:text-dark-cyan;
}
.callout[data-type="tip"],
.callout[data-type="hint"]
{
@apply bg-light-cyan;
@apply dark:bg-dark-cyan;
@apply bg-light-cyan/25;
@apply dark:bg-dark-cyan/25;
@apply text-light-cyan;
@apply dark:text-dark-cyan;
}
@@ -125,8 +124,8 @@ iconify-icon
.callout[data-type="check"],
.callout[data-type="done"]
{
@apply bg-light-green;
@apply dark:bg-dark-green;
@apply bg-light-green/25;
@apply dark:bg-dark-green/25;
@apply text-light-green;
@apply dark:text-dark-green;
}
@@ -134,8 +133,8 @@ iconify-icon
.callout[data-type="help"],
.callout[data-type="faq"]
{
@apply bg-light-orange;
@apply dark:bg-dark-orange;
@apply bg-light-orange/25;
@apply dark:bg-dark-orange/25;
@apply text-light-orange;
@apply dark:text-dark-orange;
}
@@ -143,8 +142,8 @@ iconify-icon
.callout[data-type="caution"],
.callout[data-type="attention"]
{
@apply bg-light-orange;
@apply dark:bg-dark-orange;
@apply bg-light-orange/25;
@apply dark:bg-dark-orange/25;
@apply text-light-orange;
@apply dark:text-dark-orange;
}
@@ -152,30 +151,30 @@ iconify-icon
.callout[data-type="fail"],
.callout[data-type="missing"]
{
@apply bg-light-red;
@apply dark:bg-dark-red;
@apply bg-light-red/25;
@apply dark:bg-dark-red/25;
@apply text-light-red;
@apply dark:text-dark-red;
}
.callout[data-type="danger"],
.callout[data-type="error"]
{
@apply bg-light-red;
@apply dark:bg-dark-red;
@apply bg-light-red/25;
@apply dark:bg-dark-red/25;
@apply text-light-red;
@apply dark:text-dark-red;
}
.callout[data-type="bug"]
{
@apply bg-light-red;
@apply dark:bg-dark-red;
@apply bg-light-red/25;
@apply dark:bg-dark-red/25;
@apply text-light-red;
@apply dark:text-dark-red;
}
.callout[data-type="example"]
{
@apply bg-light-purple;
@apply dark:bg-dark-purple;
@apply bg-light-purple/25;
@apply dark:bg-dark-purple/25;
@apply text-light-purple;
@apply dark:text-dark-purple;
}
@@ -193,7 +192,7 @@ iconify-icon
}
.cm-focused
{
@apply outline-none;
@apply outline-hidden;
}
.cm-editor .cm-content
{
@@ -207,10 +206,10 @@ iconify-icon
.cm-tooltip-autocomplete {
@apply max-w-[400px];
@apply !bg-light-20;
@apply dark:!bg-dark-20;
@apply !border-light-40;
@apply dark:!border-dark-40;
@apply bg-light-20;
@apply dark:bg-dark-20;
@apply border-light-40;
@apply dark:border-dark-40;
}
/* .cm-tooltip-autocomplete > ul {
@@ -220,18 +219,18 @@ iconify-icon
.cm-tooltip-autocomplete > ul > li {
@apply flex;
@apply flex-col;
@apply !py-1;
@apply py-1!;
@apply hover:bg-light-30;
@apply dark:hover:bg-dark-30;
@apply hover:dark:bg-dark-30;
}
.cm-tooltip-autocomplete > ul > li[aria-selected] {
@apply !bg-light-35;
@apply dark:!bg-dark-35;
@apply bg-light-35!;
@apply dark:bg-dark-35!;
}
.cm-completionIcon {
@apply !hidden;
@apply hidden!;
}
.cm-completionLabel {
@@ -245,7 +244,7 @@ iconify-icon
.cm-completionMatchedText {
@apply font-bold;
@apply !no-underline;
@apply no-underline!;
}
.cm-completionDetail {