fix: misc lesson fixes

This commit is contained in:
Jannat Patel
2024-04-17 16:46:20 +05:30
parent d2491b81c0
commit 86713db75e
8 changed files with 72 additions and 15 deletions

View File

@@ -1,6 +1,6 @@
<template>
<div class="">
<div class="grid md:grid-cols-[75%,25%] h-full">
<div class="grid md:grid-cols-[75%,25%] h-screen">
<div class="border-r">
<header
class="sticky top-0 z-10 flex flex-col md:flex-row md:items-center justify-between border-b overflow-hidden bg-white px-3 py-2.5 sm:px-5"

View File

@@ -5,10 +5,10 @@
>
<Breadcrumbs class="h-7" :items="breadcrumbs" />
</header>
<div class="grid md:grid-cols-[70%,30%] h-full">
<div class="grid md:grid-cols-[70%,30%] h-screen">
<div
v-if="lesson.data.no_preview"
class="border-r-2 text-center pt-10 px-5 md:px-0 pb-10"
class="border-r text-center pt-10 px-5 md:px-0 pb-10"
>
<p class="mb-4">
{{
@@ -25,7 +25,7 @@
</Button>
</router-link>
</div>
<div v-else class="border-r-2 container pt-5 pb-10 px-5">
<div v-else class="border-r container pt-5 pb-10 px-5">
<div class="flex flex-col md:flex-row md:items-center justify-between">
<div class="text-3xl font-semibold">
{{ lesson.data.title }}
@@ -161,7 +161,7 @@
</div>
</div>
<div class="sticky top-10">
<div class="bg-gray-50 p-5 border-b-2">
<div class="bg-gray-50 p-5 border-b">
<div class="text-lg font-semibold">
{{ lesson.data.course_title }}
</div>
@@ -246,7 +246,6 @@ const lesson = createResource({
const renderEditor = (holder, content) => {
// empty the holder
document.getElementById(holder).innerHTML = ''
return new EditorJS({
holder: holder,
tools: getEditorTools(),
@@ -396,4 +395,8 @@ const allowInstructorContent = () => {
.embed-tool__caption {
display: none;
}
.ce-block__content {
max-width: unset;
}
</style>