Replace all usages of legacy `.color-*` and `.text-color-*` SCSS utility classes with inline Tailwind `text-[#hexcode]` arbitrary value classes. Remove the deprecated `src/static/scss/colors.scss` file, and fix minor formatting/indentation issues across multiple component files.
27 lines
528 B
Vue
27 lines
528 B
Vue
<template>
|
||
<view class="info-row flex items-center mt-8">
|
||
<text class="label font-size-12 text-[#99a0ae]">{{ label }}:</text>
|
||
<text class="value flex-full font-size-12 text-[#99a0ae]">{{ value }}</text>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { defineProps } from "vue";
|
||
|
||
// Props
|
||
const props = defineProps({
|
||
label: {
|
||
type: String,
|
||
required: true,
|
||
default: "",
|
||
},
|
||
value: {
|
||
type: [String, Number],
|
||
required: true,
|
||
default: "",
|
||
},
|
||
});
|
||
</script>
|
||
|
||
<style scoped lang="scss"></style>
|