chore: wip

stacksjs · May 7, 2024 · bdd191b · bdd191b
1 parent efc7a7b
commit bdd191b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/resources/components/CodeEditor.vue b/resources/components/CodeEditor.vue
@@ -11,7 +11,7 @@ defineProps({
 // const langs = ['json', 'javascript', 'typescript', 'sh', 'html', 'yaml', 'markdown']
 // const themes = ['github', 'github_dark', 'chrome', 'monokai', 'nord_dark']
 
-const states = reactive({
+const options = reactive({
   lang: 'typescript',
   theme: 'nord_dark',
   content: `echo 'Hello World!'
@@ -34,11 +34,11 @@ cp`,
   </header>
 
   <VAceEditor
-    v-model:value="states.content"
+    v-model:value="options.content"
     class="vue-ace-editor rounded-b-lg"
-    :placeholder="`Enter your ${states.lang} code here`"
-    :lang="states.lang"
-    :theme="states.theme"
+    :placeholder="`Enter your ${options.lang} code here`"
+    :lang="options.lang"
+    :theme="options.theme"
     :options="{
       useWorker: true,
       enableBasicAutocompletion: true,

diff --git a/resources/views/dashboard/index.vue b/resources/views/dashboard/index.vue
@@ -77,7 +77,7 @@ useHead({
             class="mt-6 grid grid-cols-1 gap-x-6 gap-y-8 lg:grid-cols-5 xl:gap-x-8"
           >
             <li class="overflow-hidden rounded-xl border border-gray-200 dark:border-gray-600">
-              <div class="flex items-center gap-x-4 border-b border-gray-900/5 bg-gray-50 p-6 dark:bg-blue-gray-700">
+              <div class="flex items-center gap-x-4 border-b border-gray-900/5 bg-gray-50 hover:bg-white p-6 dark:bg-blue-gray-700 transform duration-250 ease-in-out">
                 <div class="h-12 w-12 flex-none rounded-lg bg-white object-cover ring-1 ring-gray-900/10 flex items-center justify-center">
                   U
                 </div>
@@ -93,7 +93,7 @@ useHead({
             </li>
 
             <li class="overflow-hidden rounded-xl border border-gray-200 dark:border-gray-600">
-              <div class="flex items-center gap-x-4 border-b border-gray-900/5 bg-gray-50 p-6 dark:bg-blue-gray-700">
+              <div class="flex items-center gap-x-4 border-b border-gray-900/5 bg-gray-50 hover:bg-white p-6 dark:bg-blue-gray-700 transform duration-250 ease-in-out">
                 <div class="h-12 w-12 flex-none rounded-lg bg-white object-cover ring-1 ring-gray-900/10 flex items-center justify-center">
                   T
                 </div>
@@ -109,7 +109,7 @@ useHead({
             </li>
 
             <li class="overflow-hidden rounded-xl border border-gray-200 dark:border-gray-600">
-              <div class="flex items-center gap-x-4 border-b border-gray-900/5 bg-gray-50 p-6 dark:bg-blue-gray-700">
+              <div class="flex items-center gap-x-4 border-b border-gray-900/5 bg-gray-50 hover:bg-white p-6 dark:bg-blue-gray-700 transform duration-250 ease-in-out">
                 <div class="h-12 w-12 flex-none rounded-lg bg-white object-cover ring-1 ring-gray-900/10 flex items-center justify-center">
                   S
                 </div>