fix: lesson page

menthorlabs · Aug 12, 2023 · 556a62d · 556a62d
1 parent df997a3
commit 556a62d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/apps/app/components/atoms/LeftMenuItem.vue b/apps/app/components/atoms/LeftMenuItem.vue
@@ -7,7 +7,7 @@ const { icon = "home", text = "Início" } = defineProps<{
 
 <template>
   <div
-    class="flex h-[40px] cursor-pointer items-center gap-4 rounded px-4 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-100"
+    class="flex h-[40px] cursor-pointer items-center gap-4 rounded px-4 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-100 hover:text-zinc-950"
   >
     <div class="flex h-full w-[20px] items-center justify-center">
       <font-awesome-icon :icon="icon" class="text-lg" />

diff --git a/apps/app/components/molecules/LeftMenuDefault.vue b/apps/app/components/molecules/LeftMenuDefault.vue
@@ -64,7 +64,7 @@ onMounted(async () => {
     </div>
     <div v-if="!sessionStore.isConnected()" class="px-8">
       <p class="text-xs text-center text-zinc-500 mb-2">
-        Entre agora e comece a salvar seu progresso de estudo
+        Entre agora e comece a salvar seu progresso 🚀
       </p>
       <NuxtLink to="/sign-in">
         <MButton

diff --git a/apps/app/components/organisms/DefaultAside.vue b/apps/app/components/organisms/DefaultAside.vue
@@ -24,8 +24,12 @@ const isLesson = computed(() => {
     class="flex w-[270px] min-w-[270px] flex-col border-r border-solid border-zinc-200 overflow-hidden"
   >
     <div class="w-full border-b border-solid border-zinc-200 p-3">
-      <nuxt-link to="/">
-        <LeftMenuItem icon="home" text="Início" />
+      <nuxt-link to="/" class="group" exact-active-class="is-active">
+        <LeftMenuItem
+          icon="home"
+          text="Início"
+          class="group-[.is-active]:text-zinc-950"
+        />
       </nuxt-link>
       <LeftMenuItem
         @click="searchModalStore.opened = true"

diff --git a/apps/app/pages/[...slug].vue b/apps/app/pages/[...slug].vue
@@ -75,7 +75,7 @@ onMounted(async () => {
     />
     <TaskModal :current-lesson="currentLesson" @next="redirectToNextLesson" />
 
-    <div class="mb-10 flex items-center gap-6 px-8" v-if="currentCourse">
+    <div class="mb-10 flex items-center gap-6 px-8">
       <div
         class="h-[160px] w-[160px] min-w-[160px] overflow-hidden rounded shadow-lg"
       >