Joururi/yorha-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed styles for tailwind 4

Browse Source
This commit is contained in:
Alexis
2025-12-29 15:41:00 +01:00
parent 8a629cbdf6
commit 508f4cbea5
17 changed files with 454 additions and 523 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/datas/items/ItemSelection.vue
View File

@@ -19,7 +19,7 @@ function handleSelectedItem(item: GameItem) {
<template>
<div class="h-full relative pl-11">
<menu
class="h-[calc(100%-16px)] overflow-auto py-2 bg-y-beige-300 max-h-full shadow-sharpest y-scrollbar"
class="h-[calc(100%-16px)] overflow-auto py-2 bg-y-beige-300 max-h-full shadow-sharpest y-scrollbar after:-top-2 after:-bottom-2 after:w-4"
>
<li v-for="item in props.items" :key="item.name" class="mb-2 last:mb-0">
<YrhButton
@@ -52,7 +52,9 @@ function handleSelectedItem(item: GameItem) {
<style lang="scss" scoped>
menu {
&::before {
@apply block absolute -top-2 -bottom-2 left-0 w-4;
display: block;
position: absolute;
left: 0;
content: '';
border-left-width: 8px;
border-right-width: 2px;