Skip to content

Commit

Permalink
Update SoapProperties.vue
Browse files Browse the repository at this point in the history
  • Loading branch information
@SoftEng-Islam
SoftEng-Islam committed Nov 3, 2023
1 parent 428e60e commit 445729f
Showing 1 changed file with 15 additions and 15 deletions.
30 changes: 15 additions & 15 deletions src/components/SoapProperties.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,79 +46,79 @@ div(class="lyeWidget flex flex-col min-h-[200px] max-h-[600px] border border-tra
ul(class="bg-[var(--dark400)] mt-4 p-2 rounded-md overflow-hidden")
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-600 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Hardness
span(class="text-pink-500 ml-auto") {{soapProperties.Hardness}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Cleansing
span(class="text-pink-500 ml-auto") {{soapProperties.Cleansing}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Conditioning
span(class="text-pink-500 ml-auto") {{soapProperties.Conditioning}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Bubbly
span(class="text-pink-500 ml-auto") {{soapProperties.Bubbly}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Creamy
span(class="text-pink-500 ml-auto") {{soapProperties.Creamy}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Iodine
span(class="text-pink-500 ml-auto") {{soapProperties.Iodine}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| INS
span(class="text-pink-500 ml-auto") {{soapProperties.INS}}
li(class="p-4")
hr(class="opacity-50")
li(class="flex overflow-hidden py-2")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Lauric
span(class="text-pink-500 ml-auto") {{soapProperties.Lauric}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Myristic
span(class="text-pink-500 ml-auto") {{soapProperties.Myristic}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Palmitic
span(class="text-pink-500 ml-auto") {{soapProperties.Palmitic}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Stearic
span(class="text-pink-500 ml-auto") {{soapProperties.Stearic}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Ricinoleic
span(class="text-pink-500 ml-auto") {{soapProperties.Ricinoleic}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Oleic
span(class="text-pink-500 ml-auto") {{soapProperties.Oleic}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Linoleic
span(class="text-pink-500 ml-auto") {{soapProperties.Linoleic}}
li(class="flex overflow-hidden py-2 first-of-type:border-none border-t border-t-[var(--dark200)]")
span(class="text-sm text-white flex items-center")
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-purple-800 text-sm mr-2" v-tippy="{ content: aryRanges[0] }">!</button>
<button class="w-4 h-4 rounded-full flex items-center justify-center bg-pink-500 text-sm mr-2 text-black" v-tippy="{ content: aryRanges[0] }">!</button>
| Linolenic
span(class="text-pink-500 ml-auto") {{soapProperties.Linolenic}}
li(class="p-4")
Expand Down

0 comments on commit 445729f

Please sign in to comment.