s/element/vuetify :D

This commit is contained in:
les
2020-07-25 21:41:22 +02:00
parent 59811e580c
commit 2758541df0
33 changed files with 1762 additions and 1340 deletions

View File

@@ -1,5 +1,16 @@
<template lang="pug">
.announcement.announcement.text-white(body-style='padding: 0px;')
v-alert(border='left' dismissible color="deep-orange accent-2" dark close-text='antani') {{announcement.title}}
//- v-list-item(link nuxt :to='`/announcement/${announcement.id}`')
//- v-list-item-icon
//- v-icon mdi-alert
//- v-list-item-content
//- v-list-item-title
//- h2 {{announcement.title}}
//- v-list-item-subtitle(v-html='announcement.announcement')
//- v-list-item
//- v-btn(nuxt :to='`/announcement/${announcement.id}`') {{announcement.title}}
//- .announcement.announcement.text-white(body-style='padding: 0px;')
nuxt-link(:to='`/announcement/${announcement.id}`')
.title <i class='el-icon-info'/> {{announcement.title}}
@@ -23,23 +34,23 @@ export default {
}
</script>
<style lang='less'>
.announcement {
padding: 2%;
background-color: #511;
margin: 1rem 0;
border-radius: 5px;
a:hover {
text-decoration: none;
}
.title {
font-size: 1.2em;
color: white;
transition: color .2s;
&:hover {
color: #fbd6b5;
}
}
border: 2px solid #ff4500ba;
// box-shadow: inset 0px 0px 10px 0px orangered;
}
// .announcement {
// padding: 2%;
// background-color: #511;
// margin: 1rem 0;
// border-radius: 5px;
// a:hover {
// text-decoration: none;
// }
// .title {
// font-size: 1.2em;
// color: white;
// transition: color .2s;
// &:hover {
// color: #fbd6b5;
// }
// }
// border: 2px solid #ff4500ba;
// // box-shadow: inset 0px 0px 10px 0px orangered;
// }
</style>