mirror of
https://bitbucket.org/studiotem/jandl-taskmanager-app.git
synced 2026-10-21 06:20:21 +00:00
fix(003): minor css fixes
This commit is contained in:
1 parent
0890ea3f77
commit
b12e815c57
4 files changed
+25
-30
No files matched your search
@@ -1,37 +1,38 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-btn
|
<v-btn
|
||||||
icon
|
icon
|
||||||
size="small"
|
size="small"
|
||||||
variant="text"
|
variant="text"
|
||||||
class="close-button"
|
class="close-button"
|
||||||
@click="handleClose"
|
@click="handleClose"
|
||||||
>
|
>
|
||||||
<v-icon icon="mdi-close" size="large"></v-icon>
|
<v-icon icon="mdi-close" size="large"></v-icon>
|
||||||
<v-tooltip activator="parent" location="bottom">
|
<v-tooltip activator="parent" location="bottom"> Close </v-tooltip>
|
||||||
Close
|
</v-btn>
|
||||||
</v-tooltip>
|
|
||||||
</v-btn>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'ACloseButton',
|
name: 'ACloseButton',
|
||||||
emits: ['close'],
|
emits: ['close'],
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
handleClose() {
|
handleClose() {
|
||||||
this.$emit('close')
|
this.$emit('close');
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="sass">
|
<style scoped lang="sass">
|
||||||
.close-button
|
.close-button
|
||||||
|
margin-right: 8px
|
||||||
opacity: 0.7
|
opacity: 0.7
|
||||||
transition: opacity 0.2s ease
|
transition: opacity 0.2s ease
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
opacity: 1
|
opacity: 1
|
||||||
</style>
|
|
||||||
|
|
||||||
|
@media (max-width: 768px)
|
||||||
|
display: none !important
|
||||||
|
</style>
|
||||||
@@ -257,7 +257,7 @@
|
|||||||
<p>{{ mastertask.project_code }}</p>
|
<p>{{ mastertask.project_code }}</p>
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<a-reset-size-button @reset="resetModalSize" />
|
<a-reset-size-button @reset="resetModalSize" />
|
||||||
<a-close-button class="pb-5" @close="closeModal()" />
|
<a-close-button @close="closeModal()" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
|
|||||||
@@ -51,13 +51,7 @@
|
|||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
|
|
||||||
<v-dialog
|
<v-dialog v-model="showModal" width="750" persistent :retain-focus="false">
|
||||||
v-model="showModal"
|
|
||||||
:width="modalWidth"
|
|
||||||
:height="modalHeight"
|
|
||||||
persistent
|
|
||||||
:retain-focus="false"
|
|
||||||
>
|
|
||||||
<v-card>
|
<v-card>
|
||||||
<div class="d-flex justify-space-between align-center">
|
<div class="d-flex justify-space-between align-center">
|
||||||
<h1>Pridať odpracovaný čas</h1>
|
<h1>Pridať odpracovaný čas</h1>
|
||||||
|
|||||||
@@ -202,7 +202,7 @@
|
|||||||
|
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
<a-reset-size-button @reset="resetModalSize" />
|
<a-reset-size-button @reset="resetModalSize" />
|
||||||
<a-close-button class="pb-5" @close="closeModal()" />
|
<a-close-button @close="closeModal()" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
|
|||||||
Reference in new issue
Block a user