fix some detail

This commit is contained in:
2020-12-12 16:39:29 +01:00
parent ebe7b2eae3
commit a9fe72a950
6 changed files with 22 additions and 26 deletions

View File

@@ -8,7 +8,7 @@
{{ $t(title) }}
<slot />
</h1>
<p class="w-5/6 text-gray-900 dark:text-dark-900 text-justify">{{ $t(description) }}</p>
<p class="w-5/6 text-gray-900 dark:text-dark-900 text-justify duration-300">{{ $t(description) }}</p>
</div>
<div class="mr-10 arrow duration-300">
<svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -44,7 +44,13 @@ export default {
</script>
<style scoped lang="scss">
.home-link:hover .arrow {
transform: translateX(15px);
.home-link:hover {
p {
@apply dark:text-dark-200;
}
.arrow {
transform: translateX(15px);
}
}
</style>

View File

@@ -1,6 +1,6 @@
<template>
<h1
class="mt-16 md:mt-32 font-bold text-4xl mr-2 inline mb-4 border-b-2 border-solid"
class="mt-16 md:mt-32 font-bold text-2xl md:text-4xl mr-2 inline mb-4 border-b-2 border-solid"
:class="' border-'+ color +'-400'"
>
{{ $t(title) }}