fix: cleanup ui

frontend/src/pages/JobDetail.vue

@@ -1,27 +1,48 @@
 <template>
-	<header
-		class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-3 py-2.5 sm:px-5"
-	>
-		<Breadcrumbs
-			class="h-7"
-			:items="[{ label: __('Jobs'), route: { name: 'Jobs' } }]"
-		/>
-		<div class="flex">
-			<Button v-if="user.data?.name" variant="solid">
-				<template #prefix>
-					<Plus class="h-4 w-4" />
-				</template>
-				{{ __('New Job') }}
-			</Button>
-		</div>
-	</header>
-	<div></div>
+	<div class="text-base h-screen">
+		<header
+			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-3 py-2.5 sm:px-5"
+		>
+			<Breadcrumbs
+				class="h-7"
+				:items="[{ label: __('Jobs'), route: { name: 'Jobs' } }]"
+			/>
+			<div class="flex">
+				<Button v-if="user.data?.name" variant="solid">
+					<template #prefix>
+						<Plus class="h-4 w-4" />
+					</template>
+					{{ __('New Job') }}
+				</Button>
+			</div>
+		</header>
+		<div></div>
+	</div>
 </template>
 <script setup>
+import {
+	createDocumentResource,
+	Button,
+	Breadcrumbs,
+	createResource,
+} from 'frappe-ui'
+import { inject } from 'vue'
+import { Plus } from 'lucide-vue-next'
+
+const user = inject('$user')
+
 const props = defineProps({
 	job: {
 		type: String,
 		required: true,
 	},
 })
+const job = createResource({
+	url: 'lms.lms.api.get_job_details',
+	params: {
+		job: props.job,
+	},
+	cache: ['job'],
+	auto: true,
+})
 </script>

frontend/src/pages/Jobs.vue

@@ -41,7 +41,7 @@ import JobCard from '@/components/JobCard.vue'
 const user = inject('$user')
 
 const jobs = createResource({
-	url: 'lms.lms.utils.get_job_opportunities',
+	url: 'lms.lms.api.get_job_opportunities',
 	cache: ['jobs'],
 	auto: true,
 })

frontend/src/pages/Lesson.vue

@@ -361,12 +361,6 @@ const hideLesson = () => {
 	transition: margin 0.1s ease-in-out;
 }
 
-iframe {
-	border: 1px solid #ddd;
-	border-radius: 0.5rem;
-	margin-bottom: 1rem;
-}
-
 .lesson-content p {
 	margin-bottom: 1rem;
 	line-height: 1.7;