fix: subtitle and some main title uppercase

virtualansh · Aug 22, 2023 · 9c07937 · 9c07937
1 parent 64d79e2
commit 9c07937
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 6 deletions.
diff --git a/src/components/Link/LinkBox.vue b/src/components/Link/LinkBox.vue
@@ -17,6 +17,7 @@
             text-size="text-3xl"
             paddings="hidden md:flex pb-2"
             margins="mb-0 mt-0"
+            :uppercase="false"
           />
         </div>
         <div class="absolute right-8 top-8 flex space-x-3">

diff --git a/src/components/Link/LinkCategoryList.vue b/src/components/Link/LinkCategoryList.vue
@@ -5,6 +5,7 @@
         :title="convertToLocale(category)"
         :count="links[category].length"
         margins="mb-2"
+        :uppercase="false"
       />
       <span class="text-ob-dim mb-8 text-lg">
         {{ t(`${convertToLocale(category)}-desc`) }}

diff --git a/src/components/Link/LinkList.vue b/src/components/Link/LinkList.vue
@@ -1,6 +1,11 @@
 <template>
   <div>
-    <Title title="settings.links" icon="friends" :count="links.length" />
+    <Title
+      title="settings.links"
+      icon="friends"
+      :count="links.length"
+      :uppercase="false"
+    />
     <ul class="grid grid-cols-2 md:grid-cols-4 xl:grid-cols-6 gap-8">
       <template v-for="link of links">
         <LinkCard

diff --git a/src/components/Title/src/SubTitle.vue b/src/components/Title/src/SubTitle.vue
@@ -1,7 +1,5 @@
 <template>
-  <p
-    class="relative flex items-center pb-2 mb-4 text-xl text-ob-bright uppercase"
-  >
+  <p class="relative flex items-center pb-2 mb-4 text-xl text-ob-bright">
     <SvgIcon
       v-if="icon && side === 'left'"
       :icon-class="icon"

diff --git a/src/components/Title/src/Title.vue b/src/components/Title/src/Title.vue
@@ -43,7 +43,11 @@ export default defineComponent({
       type: String,
       default: 'mb-8'
     },
-    count: Number
+    count: Number,
+    uppercase: {
+      type: Boolean,
+      default: true
+    }
   },
   setup(props) {
     const { t } = useI18n()
@@ -52,7 +56,8 @@ export default defineComponent({
 
     return {
       titleClasses: computed(() => [
-        'relative opacity-90 flex items-center text-ob-bright uppercase',
+        'relative opacity-90 flex items-center text-ob-bright',
+        props.uppercase ? 'uppercase' : '',
         props.paddings,
         props.margins,
         props.textSize