MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore(ui): [WIP] remove stale color definitions

This commit is contained in:
upsiflu 2024-12-17 19:23:26 +01:00
parent 873dcaa72b
commit 2c4690f9d0
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
front/src/components/ui/Popover.vue
View File

@ -4,9 +4,12 @@ import { whenever, useElementBounding, onClickOutside } from '@vueuse/core'
import { isMobileView, useScreenSize } from '~/composables/screen' import { isMobileView, useScreenSize } from '~/composables/screen'
import { POPOVER_INJECTION_KEY, POPOVER_CONTEXT_INJECTION_KEY } from '~/injection-keys' import { POPOVER_INJECTION_KEY, POPOVER_CONTEXT_INJECTION_KEY } from '~/injection-keys'
import { type ColorProps, type DefaultProps, propsToColor } from '~/composables/colors';
const open = defineModel('open', { default: false }) const open = defineModel('open', { default: false })
const { positioning = 'vertical' } = defineProps<{ positioning?:'horizontal' | 'vertical' }>() const { positioning = 'vertical', ...colorProps } = defineProps<{
positioning?:'horizontal' | 'vertical'
} & ColorProps & DefaultProps>()
// Template refs // Template refs
const popover = ref() const popover = ref()
@ -110,7 +113,11 @@ watch(open, (isOpen) => {
</script> </script>
<template> <template>
<div ref="slot" class="funkwhale popover-container"> <div
ref="slot"
class="funkwhale popover-container"
v-bind="propsToColor({ solid:true, ...colorProps })"
>
<slot <slot
:isOpen="open" :isOpen="open"
:toggleOpen="() => open = !open" :toggleOpen="() => open = !open"

2
front/src/components/ui/popover.scss
View File

@ -18,7 +18,7 @@
.funkwhale { .funkwhale {
&.popover { &.popover {
border: 1px solid var(--fw-border-color); border: 1px solid var(--fw-border-color);
background: var(--fw-bg-color); background: var(--background-color);
hr { hr {
border-bottom: 1px solid var(--fw-border-color); border-bottom: 1px solid var(--fw-border-color);