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,10 +1,9 @@
|
||||
<template>
|
||||
<view
|
||||
class="visual-action-row flex flex-items-center gap-12 p-12 bg-white rounded-18 border-box"
|
||||
:class="{ 'is-disabled': disabled }"
|
||||
@click="handleClick"
|
||||
>
|
||||
<view class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-14 font-size-18 font-900" :class="toneClass">
|
||||
<view class="visual-action-row flex flex-items-center gap-12 p-[12px] bg-white rounded-18 border-box"
|
||||
:class="{ 'is-disabled': disabled }" @click="handleClick">
|
||||
<view
|
||||
class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-14 font-size-18 font-900"
|
||||
:class="toneClass">
|
||||
<slot name="icon">{{ icon }}</slot>
|
||||
</view>
|
||||
<view class="visual-action-row__body flex-full">
|
||||
|
||||
Reference in New Issue
Block a user