Skip to content

R
rrpgLink_FrontEnd
Commit a8e989e8 authored by JoyJ's avatar JoyJ
Browse files
Options

adjust tag css

parent ce238ef4
Show whitespace changes
Inline Side-by-side
Showing with 9 additions and 2 deletions
src/components/card.svelte
View file @ a8e989e8
...@@ -74,13 +74,13 @@ ...@@ -74,13 +74,13 @@
{/if} --> {/if} -->
<div class="card-actions justify-end"> <div class="card-actions justify-end">
{#if !raw_tags || tags.length == 0} {#if !raw_tags || tags.length == 0}
<div class="badge badge-outline">暂无标签</div> <div class="badge badge-outline glass card-tag">暂无标签</div>
<!-- <div class="badge badge-outline">tag1</div> --> <!-- <div class="badge badge-outline">tag1</div> -->
<!-- <div class="badge badge-outline">tag2</div> --> <!-- <div class="badge badge-outline">tag2</div> -->
{:else} {:else}
{#each tags as tag} {#each tags as tag}
<div <div
class="badge badge-outline" class="badge badge-outline glass card-tag"
on:mousedown={searchByTag}>{tag}</div> on:mousedown={searchByTag}>{tag}</div>
{/each} {/each}
{/if} {/if}
...@@ -92,4 +92,11 @@ ...@@ -92,4 +92,11 @@
.card-body { .card-body {
--padding-card: 1rem; --padding-card: 1rem;
} }
.card-tag {
cursor:pointer;
}
.card-tag:hover{
transition: background-color 0.5s ease;
background-color: red;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment