rommapp/romm
1
0
Fork 0
mirror of https://github.com/rommapp/romm.git synced 2026-02-19 07:50:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

ui design adjustment

Browse Source
This commit is contained in:
zurdi zurdo
2023-03-23 10:05:09 +01:00
parent 5db5844fae
commit d5ca8b62f3
2 changed files with 19 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/components/RomsDetail.vue
View File

@@ -17,7 +17,7 @@ emitter.on('currentRom', (currentRom) => { rom.value = currentRom })
<template>
<v-row class="text-body-1 justify-center">
<v-col cols="8" xs="8" sm="6" md="3" lg="2">
<v-col cols="8" xs="8" sm="4" md="3" lg="2">
<v-container fluid class="pa-0">
<v-row>
<v-col>
@@ -42,34 +42,24 @@ emitter.on('currentRom', (currentRom) => { rom.value = currentRom })
<v-btn rounded="0" @click="downloadSaves()" block><v-icon size="large" icon="mdi-content-save-all"/></v-btn>
</v-col>
<v-col class="pa-1">
<v-menu location="bottom">
<template v-slot:activator="{ props }">
<v-btn rounded="0" block v-bind="props"><v-icon size="large" icon="mdi-dots-vertical"/></v-btn>
</template>
<v-list rounded="0">
<v-list-item key="edit" value="edit">
<v-list-item-title class="d-flex"><v-icon icon="mdi-pencil-box" class="mr-2"/>Edit</v-list-item-title>
</v-list-item>
<v-list-item key="scan" value="scan">
<v-list-item-title class="d-flex"><v-icon icon="mdi-magnify-scan" class="mr-2"/>Scan</v-list-item-title>
</v-list-item>
<v-list-item key="delete" value="delete">
<v-list-item-title class="d-flex"><v-icon icon="mdi-delete" class="mr-2"/>Delete</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
<v-menu location="bottom">
<template v-slot:activator="{ props }">
<v-btn rounded="0" block v-bind="props"><v-icon size="large" icon="mdi-dots-vertical"/></v-btn>
</template>
<v-list rounded="0">
<v-list-item key="edit" value="edit">
<v-list-item-title class="d-flex"><v-icon icon="mdi-pencil-box" class="mr-2"/>Edit</v-list-item-title>
</v-list-item>
<v-list-item key="scan" value="scan">
<v-list-item-title class="d-flex"><v-icon icon="mdi-magnify-scan" class="mr-2"/>Scan</v-list-item-title>
</v-list-item>
<v-list-item key="delete" value="delete">
<v-list-item-title class="d-flex"><v-icon icon="mdi-delete" class="mr-2"/>Delete</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
</v-col>
</v-row>
<!-- <v-row>
<v-col class="pa-1">
<v-btn prepend-icon="mdi-pencil-box" @click="editRom(rom)" block>Edit</v-btn>
</v-col>
<v-col class="pa-1">
<v-btn prepend-icon="mdi-magnify-scan" @click="scanRom(rom)" block>Scan</v-btn>
</v-col>
</v-row> -->
</v-container>
</v-row>
</v-container>

4
frontend/src/components/RomsGallery.vue
View File

@@ -80,12 +80,12 @@ onMounted(() => { if(currentPlatformSlug){ getRoms(currentPlatformSlug) } })
<div v-if="!rom.has_cover" class="d-flex align-center text-body-1 pt-2 pr-5 pb-2 pl-5 bg-secondary rom-title" >{{ rom.filename }}</div>
<v-btn class="d-flex align-center justify-center fill-height" @click="selectRom(rom)" color="transparent" block />
</v-img>
<!-- <v-card-text>
<v-card-text>
<v-row>
<v-btn size="small" variant="flat" icon="mdi-download" @click="downloadRom(rom.filename)" />
<v-btn size="small" variant="flat" icon="mdi-content-save-all" @click=" downloadSave(rom.filename)"/>
</v-row>
</v-card-text> -->
</v-card-text>
</v-card>
</v-hover>
</v-col>