lafrite/Sousmargot
1
0
Fork 0
Code Issues Pull Requests Packages Releases Wiki Activity

Feat: Move button close to date

Browse Source
This commit is contained in:
Bertrand Benjamin 2021-08-11 15:01:48 +02:00
parent 43e29653ba
commit 52c627c4f4
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/MonthPresentation.vue
View File

@ -7,6 +7,11 @@
<div class="year"> <div class="year">
{{ theYear }} {{ theYear }}
</div> </div>
<div>
<button class="edit" @click="toggleEdit" v-show="!editing"> Mettre à jour </button>
<button class="validate" @click="save" v-show="editing"> Valider </button>
<button class="cancel" @click="cancel" v-show="editing"> Annuler </button>
</div>
</div> </div>
<div id="display"> <div id="display">
<ul> <ul>
@ -42,11 +47,6 @@
</li> </li>
</ul> </ul>
</div> </div>
<div>
<button class="edit" @click="toggleEdit" v-show="!editing"> Éditer </button>
<button class="validate" @click="save" v-show="editing"> Valider </button>
<button class="cancel" @click="cancel" v-show="editing"> Annuler </button>
</div>
</div> </div>
</template> </template>
@ -112,7 +112,7 @@ export default {
flex-direction: row; flex-direction: row;
*/ */
display: grid; display: grid;
grid-template-columns: 1fr 6fr 150px; grid-template-columns: 1fr 6fr;
box-shadow: 2px 2px 5px gray; box-shadow: 2px 2px 5px gray;
border-left: 1rem solid black; border-left: 1rem solid black;
@ -154,4 +154,11 @@ export default {
.novisible { .novisible {
display: None; display: None;
} }
button {
margin-top: 5px;
padding: 4px;
font-size: 0.8em;
width: auto;
}
</style> </style>