mirror/api
1
0
Fork 0
mirror of https://github.com/unraid/api.git synced 2026-01-05 16:09:49 -06:00
Code Issues Packages Projects Releases Wiki Activity

refactor: custom css for components w/ tailwind

Browse Source
This commit is contained in:
Zack Spear
2023-05-30 18:54:56 -07:00
committed by Zack Spear
parent 9d7b15198a
commit 0f7f17be24
9 changed files with 18 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/main.css Normal file
View File

@@ -0,0 +1,11 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
--color-alpha: #1c1b1b;
--color-beta: #f2f2f2;
--color-gamma: #999999;
--color-customgradient-start: rgba(242, 242, 242, .0);
--color-customgradient-end: rgba(242, 242, 242, .85);
}

8
components/Auth.ce.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import 'tailwindcss/tailwind.css';
import '~/assets/main.css';
</script>
<template>
@@ -7,9 +7,3 @@ import 'tailwindcss/tailwind.css';
Auth.ce
</div>
</template>
<style lang="postcss">
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>

8
components/CallbackHandler.ce.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { useCallbackStore } from '~/store/callback';
import 'tailwindcss/tailwind.css';
import '~/assets/main.css';
import { storeToRefs } from 'pinia';
const callbackStore = useCallbackStore();
@@ -18,9 +18,3 @@ onBeforeMount(() => {
<pre>{{ JSON.stringify(decryptedData, null, 2) }}</pre>
</div>
</template>
<style lang="postcss">
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>

8
components/KeyActions.ce.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import 'tailwindcss/tailwind.css';
import '~/assets/main.css';
</script>
<template>
@@ -7,9 +7,3 @@ import 'tailwindcss/tailwind.css';
KeyActions.ce
</div>
</template>
<style lang="postcss">
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>

8
components/Launchpad.ce.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import 'tailwindcss/tailwind.css';
import '~/assets/main.css';
</script>
<template>
@@ -7,9 +7,3 @@ import 'tailwindcss/tailwind.css';
Launchpad.ce
</div>
</template>
<style lang="postcss">
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>

8
components/PluginPromo.ce.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import 'tailwindcss/tailwind.css';
import '~/assets/main.css';
</script>
<template>
@@ -7,9 +7,3 @@ import 'tailwindcss/tailwind.css';
PluginPromo.ce
</div>
</template>
<style lang="postcss">
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>

8
components/UserProfile.ce.vue
View File

@@ -3,7 +3,7 @@ import { storeToRefs } from 'pinia';
import { useCallbackStore } from '~/store/callback';
import { useServerStore } from '~/store/server';
import type { Server } from '~/types/server';
import 'tailwindcss/tailwind.css';
import '~/assets/main.css';
export interface Props {
server?: Server;
@@ -48,9 +48,3 @@ onBeforeMount(() => {
</div>
</div>
</template>
<style lang="postcss">
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>

8
components/WanIpCheck.ce.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import 'tailwindcss/tailwind.css';
import '~/assets/main.css';
</script>
<template>
@@ -7,9 +7,3 @@ import 'tailwindcss/tailwind.css';
WanIpCheck.ce
</div>
</template>
<style lang="postcss">
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>

0
store/theme.ts Normal file
View File