fix: batch ui
This commit is contained in:
@@ -50,9 +50,9 @@
|
|||||||
{{ batch.timezone }}
|
{{ batch.timezone }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="batch.instructors.length" class="flex avatar-group overlap">
|
<div v-if="batch.instructors?.length" class="flex avatar-group overlap">
|
||||||
<div
|
<div
|
||||||
class="mr-1"
|
class="h-6 mr-1"
|
||||||
:class="{ 'avatar-group overlap': batch.instructors.length > 1 }"
|
:class="{ 'avatar-group overlap': batch.instructors.length > 1 }"
|
||||||
>
|
>
|
||||||
<UserAvatar
|
<UserAvatar
|
||||||
|
|||||||
@@ -93,7 +93,7 @@
|
|||||||
<div class="flex items-center justify-between mt-auto">
|
<div class="flex items-center justify-between mt-auto">
|
||||||
<div class="flex avatar-group overlap">
|
<div class="flex avatar-group overlap">
|
||||||
<div
|
<div
|
||||||
class="mr-1"
|
class="h-6 mr-1"
|
||||||
:class="{ 'avatar-group overlap': course.instructors.length > 1 }"
|
:class="{ 'avatar-group overlap': course.instructors.length > 1 }"
|
||||||
>
|
>
|
||||||
<UserAvatar
|
<UserAvatar
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
</header>
|
</header>
|
||||||
<div v-if="batch.data" class="grid grid-cols-[70%,30%] h-screen">
|
<div v-if="batch.data" class="grid grid-cols-[70%,30%] h-screen">
|
||||||
<div class="border-r-2">
|
<div class="border-r-2">
|
||||||
<Tabs v-model="tabIndex" :tabs="tabs" tablistClass="overflow-x-visible">
|
<Tabs v-model="tabIndex" :tabs="tabs" tablistClass="overflow-y-hidden">
|
||||||
<template #tab="{ tab, selected }" class="overflow-x-hidden">
|
<template #tab="{ tab, selected }" class="overflow-x-hidden">
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
@@ -84,7 +84,7 @@
|
|||||||
|
|
||||||
<div class="flex avatar-group overlap mb-5">
|
<div class="flex avatar-group overlap mb-5">
|
||||||
<div
|
<div
|
||||||
class="mr-1"
|
class="h-6 mr-1"
|
||||||
:class="{
|
:class="{
|
||||||
'avatar-group overlap': batch.data.instructors.length > 1,
|
'avatar-group overlap': batch.data.instructors.length > 1,
|
||||||
}"
|
}"
|
||||||
|
|||||||
@@ -38,7 +38,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex avatar-group overlap mt-3">
|
<div class="flex avatar-group overlap mt-3">
|
||||||
<div
|
<div
|
||||||
class="mr-1"
|
class="h-6 mr-1"
|
||||||
:class="{
|
:class="{
|
||||||
'avatar-group overlap': batch.data.instructors.length > 1,
|
'avatar-group overlap': batch.data.instructors.length > 1,
|
||||||
}"
|
}"
|
||||||
|
|||||||
@@ -41,7 +41,7 @@
|
|||||||
>
|
>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<span
|
<span
|
||||||
class="mr-1"
|
class="h-6 mr-1"
|
||||||
:class="{
|
:class="{
|
||||||
'avatar-group overlap': course.data.instructors.length > 1,
|
'avatar-group overlap': course.data.instructors.length > 1,
|
||||||
}"
|
}"
|
||||||
|
|||||||
@@ -95,7 +95,7 @@
|
|||||||
|
|
||||||
<div class="flex items-center mt-2">
|
<div class="flex items-center mt-2">
|
||||||
<span
|
<span
|
||||||
class="mr-1"
|
class="h-6 mr-1"
|
||||||
:class="{
|
:class="{
|
||||||
'avatar-group overlap': lesson.data.instructors.length > 1,
|
'avatar-group overlap': lesson.data.instructors.length > 1,
|
||||||
}"
|
}"
|
||||||
|
|||||||
Reference in New Issue
Block a user