Add flag for new projects list on user page, update background gradient colors

This commit is contained in:
Prospector committed 2025-02-21 14:17:28 -08:00
1 parent 2a0722d0d0
commit ea2f97ae23
3 files changed
+156 -139

No files matched your search

@@ -1,5 +1,5 @@
<template>
<div :style="{ '--_accent-color': rgbToOklchHue(props.project.color) }" />
<div :style="{ '--_accent-color': color }" />
</template>
<script setup lang="ts">
import { computed } from 'vue'
@@ -15,12 +15,14 @@ const props = withDefaults(
{},
)
const color = computed(() => rgbToOklchHue(props.project.color))
</script>
<style scoped lang="scss">
div {
width: 100%;
height: 60rem;
background: linear-gradient(to bottom, oklch(40% 10% var(--_accent-color) / 25%), transparent);
background: linear-gradient(to bottom, oklch(40% 30% var(--_accent-color) / 10%), transparent);
opacity: 1;
}
</style>