zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: add media tab (#137)

Browse source
This commit is contained in:
Lucie 2022-11-26 12:36:23 -05:00 • committed by GitHub
parent ad8b878120
commit ef287b4f36
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/common/CommonTabs.vue
View file

@ -13,7 +13,7 @@ function toValidName(otpion: string) {
</script>
<template>
<div flex w-full text-lg>
<div flex w-full items-center lg:text-lg>
<template v-for="option in options" :key="option">
<input
:id="`tab-${toValidName(option)}`"
@ -24,13 +24,13 @@ function toValidName(otpion: string) {
display="none"
@change="modelValue = option"
><label
flex flex-1 cursor-pointer p3 m1 rounded transition-all
flex flex-auto cursor-pointer p3 m1 rounded transition-all
:for="`tab-${toValidName(option)}`"
tabindex="1"
hover:bg-active transition-100
@keypress.enter="modelValue = option"
><span
mxa px2
mxa px2 text-center
:class="modelValue === option ? 'font-bold border-b-3 border-primary' : 'op50 hover:op50'"
>{{ option }}</span>
</label>