style: replace legacy padding classes with inline pixel values
Remove the unused padding.scss stylesheet and its import from the main SCSS entrypoint. Update all legacy padding utility class names across every Vue component to use inline pixel-based utility classes (such as replacing `pl-12` with `pl-[12px]`). Also clean up extraneous whitespace and line breaks in component templates for improved readability.
This commit is contained in:
@@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<view class="container pl-12">
|
||||
<view class="container pl-[12px]">
|
||||
<view class="container-scroll font-size-0 scroll-x whitespace-nowrap">
|
||||
|
||||
<view class="card-item bg-white inline-block rounded-20 mr-10"
|
||||
v-for="(item, index) in list" :key="index" @click="sendReply(item)">
|
||||
<view class="card-item bg-white inline-block rounded-20 mr-10" v-for="(item, index) in list" :key="index"
|
||||
@click="sendReply(item)">
|
||||
|
||||
<view class="flex flex-row flex-justify-start p-10">
|
||||
<view class="flex flex-row flex-justify-start p-[10px]">
|
||||
<image class="card-img flex-shrink-0 rounded-14" :src="createSvgIndex(index)" />
|
||||
|
||||
<view class="min-width-0 flex flex-col flex-full border-box pl-8 py-4" >
|
||||
<view class="min-width-0 flex flex-col flex-full border-box pl-[8px] py-[4px]">
|
||||
<view class="w-full font-size-12 font-600 color-171717 ellipsis-1">
|
||||
{{ item.title }}
|
||||
</view>
|
||||
@@ -17,7 +17,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user