12M_DotNet_Projects/2025_Vuejs_Mpi_Panel
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FileListItem sadece resim görünümü birden fazla buton ekleme için düzenleme

Browse Source
This commit is contained in:
M. Bestami
2025-08-13 15:24:04 +03:00
parent 7cff75e82c
commit b521ad0278
2 changed files with 28 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/assets/style/default.css
View File

@ -659,7 +659,9 @@ svg {
max-width: 24px; max-width: 24px;
max-height: 24px; max-height: 24px;
} }
.ico-c.ico-btn:hover{
background-color: navy;
}
/* colors */ /* colors */
.back-grad { .back-grad {
padding: 6px 8px; padding: 6px 8px;
@ -715,7 +717,11 @@ svg {
color: #000; color: #000;
padding: 12px; padding: 12px;
} }
.back-grad-dgrey {
background-image: linear-gradient(24deg, #797979, #a1a1a1);
color: #000;
padding: 12px;
}
.back-grey { .back-grey {
background-color: #f1f1f1; background-color: #f1f1f1;
} }

17
src/components/global/FileListItem.vue
View File

@ -21,7 +21,7 @@
<div class="actions-c" v-if="editable || $slots.actionButtons"> <div class="actions-c" v-if="editable || $slots.actionButtons">
<slot name="actionButtons"></slot> <slot name="actionButtons"></slot>
<i <i
class="ico-c ico-section ico-section-header-btn ico-replace" class="ico-c ico-section ico-btn back-grad-dgrey"
@click="OnClick" @click="OnClick"
v-if="editable"> v-if="editable">
<svg><use href="/src/assets/images/icons.svg#replace"></use></svg> <svg><use href="/src/assets/images/icons.svg#replace"></use></svg>
@ -38,13 +38,16 @@
</div> </div>
<div v-else>{{ fileType.toLocaleUpperCase() }}</div> <div v-else>{{ fileType.toLocaleUpperCase() }}</div>
</a> </a>
<div class="actions-c actions-top" v-if="editable || $slots.actionButtons">
<slot name="actionButtons"></slot>
<i <i
class="ico-c ico-section ico-section-header-btn ico-replace" class="ico-c ico-section ico-btn back-grad-dgrey"
@click="OnClick" @click="OnClick"
v-if="editable"> v-if="editable">
<svg><use href="/src/assets/images/icons.svg#replace"></use></svg> <svg><use href="/src/assets/images/icons.svg#replace"></use></svg>
</i> </i>
</div> </div>
</div>
</template> </template>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -114,4 +117,14 @@
align-items: center; align-items: center;
pointer-events: fill; pointer-events: fill;
} }
.actions-c.actions-top{
align-items: flex-start;
}
.form-item-picture.only-image{
width: 140px;
height: 140px;
}
.actions-c .ico-btn:last-child {
margin-right: 0;
}
</style> </style>