yescent/par
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: remove colored left border and hover shadow from rule cards

Browse Source 
Simpler, cleaner look without the AI-style decorative borders
This commit is contained in:
mediabot-pt
2026-07-06 22:24:22 +08:00
parent 30edbf9d32
commit 03f6fd265f
1 changed files with 1 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/views/RiskRules.vue
View File

@@ -76,7 +76,6 @@
<div v-if="parsed.length" style="display:flex;flex-direction:column;gap:10px"> <div v-if="parsed.length" style="display:flex;flex-direction:column;gap:10px">
<div v-for="(rule, idx) in parsed" :key="idx" <div v-for="(rule, idx) in parsed" :key="idx"
class="rule-card" class="rule-card"
:style="rule.type==='EXEMPT'?'border-left-color:#67c23a':''"
:draggable="true" :draggable="true"
@dragstart="onDragStart($event, idx)" @dragstart="onDragStart($event, idx)"
@dragover.prevent="onDragOver($event, idx)" @dragover.prevent="onDragOver($event, idx)"
@@ -469,14 +468,10 @@ onMounted(fetchAll)
<style scoped> <style scoped>
.rule-card { .rule-card {
border: 1px solid #e4e7ed; border: 1px solid #e4e7ed;
border-left: 4px solid #f56c6c; border-radius: 4px;
border-radius: 8px;
background: #fff; background: #fff;
transition: box-shadow .2s;
cursor: default; cursor: default;
} }
.rule-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.card-header { .card-header {
display: flex; align-items: center; justify-content: space-between; display: flex; align-items: center; justify-content: space-between;
padding: 8px 12px; gap: 8px; user-select: none; padding: 8px 12px; gap: 8px; user-select: none;