minor text and CSS changes

iggy-social · Oct 7, 2024 · f8efee4 · f8efee4
1 parent 1d974b7
commit f8efee4
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# meowNFTs
+# MeowNFTs
 
 The first NFT launchpad and marketplace on Superposition.
 

diff --git a/components/chat/ChatMessage.vue b/components/chat/ChatMessage.vue
@@ -16,7 +16,7 @@
 
         <!-- post author and timestamp -->
         <p class="card-subtitle mb-2 text-muted">
-          <NuxtLink class="link-without-color hover-color" :to="'/profile/?id=' + String(showDomainOrFullAddress)" title="Go to profile page">
+          <NuxtLink class="link-without-color hover-color author-color" :to="'/profile/?id=' + String(showDomainOrFullAddress)" title="Go to profile page">
             {{ showDomainOrAddress }}
           </NuxtLink>
           <span v-if="message?.createdAt && !isComment">
@@ -39,14 +39,14 @@
 
         <!-- post text -->
         <div v-if="parsedText">
-          <p class="card-text text-break" v-if="parsedText.length > messageLengthLimit && !showFullText">
+          <p class="card-text text-break post-text-color" v-if="parsedText.length > messageLengthLimit && !showFullText">
             <span v-html="parsedText.substring(0, messageLengthLimit) + ' ... '"> </span>
             <span class="cursor-pointer hover-color" @click="showFullText = true">Read more</span>
           </p>
 
           <p
             v-if="parsedText.length < messageLengthLimit || showFullText"
-            class="card-text text-break"
+            class="card-text text-break post-text-color"
             v-html="parsedText"
           ></p>
         </div>
@@ -59,7 +59,7 @@
 
               <div class="card-body bg-body rounded-bottom-3 border-end border-bottom border-start preview-card-body">
                 <h5 class="card-title text-break">{{ linkPreview.title }}</h5>
-                <p class="card-text text-break text-reset">{{ linkPreview.description }}</p>
+                <p class="card-text text-break text-reset post-text-color">{{ linkPreview.description }}</p>
               </div>
             </a>
           </div>

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -107,7 +107,7 @@ export default defineNuxtConfig({
       previewVideoNfts: "/img/covers/cover-video-nfts.png",
       projectMetadataTitle: "MeowNFTs | NFT Launchpad & Marketplace on Superposition",
       projectName: "MeowNFTs",
-      projectDescription: "meowNFTs is a launchpad and marketplace where NFTs are always liquid!",
+      projectDescription: "MeowNFTs is a launchpad and marketplace where NFTs are always liquid!",
       projectTwitter: "https://twitter.com/iggysocial",
       projectUrl: "https://meownfts.com", // without trailing slash!
       punkMinterAddress: "0x7aa8597134eAb3259F4D7d08a09ff69EDf73DdFf", // punk domain minter contract address

diff --git a/pages/about.vue b/pages/about.vue
@@ -19,7 +19,7 @@
       <h5>A new kind of NFTs</h5>
 
       <p class="text-break mt-3">
-        NFTs created on meowNFTs are not your usual NFTs. Each NFT collection has a built-in pool which allows 
+        NFTs created on MeowNFTs are not your usual NFTs. Each NFT collection has a built-in pool which allows 
         the NFT to be <strong>always liquid</strong>.
       </p>
 

diff --git a/pages/nft/music-nfts.vue b/pages/nft/music-nfts.vue
@@ -1,6 +1,6 @@
 <template>
   <Head>
-    <Title>Music NFTs on meowNFTs</Title>
+    <Title>Music NFTs on MeowNFTs</Title>
     <Meta property="og:title" :content="'Music NFTs | '+$config.projectMetadataTitle" />
 
     <Meta name="description" content="Music NFTs have come to Superposition. Check them out here!" />

diff --git a/pages/nft/video-nfts.vue b/pages/nft/video-nfts.vue
@@ -1,6 +1,6 @@
 <template>
   <Head>
-    <Title>Video NFTs on meowNFTs</Title>
+    <Title>Video NFTs on MeowNFTs</Title>
     <Meta property="og:title" :content="'Video NFTs | '+$config.projectMetadataTitle" />
 
     <Meta name="description" content="Video NFTs have come to Superposition. Check them out here!" />

diff --git a/public/css/light.css b/public/css/light.css
@@ -121,6 +121,10 @@
   --bs-white-black-toggle: #000;
 }
 
+[data-bs-theme=light] .author-color {
+  color: #96969a !important;
+}
+
 [data-bs-theme=light] body {
   background-color: #f5f5f6;
 }
@@ -149,6 +153,10 @@
   color: var(--bs-primary);
 }
 
+[data-bs-theme=light] .post-text-color {
+  color: #2f2f2f !important;
+}
+
 [data-bs-theme=light] .preview-card-body.bg-body {
   background-color: #f5f5f6 !important;
 }