[refactoring] remove el-card usage

pages/about.vue

@@ -1,8 +1,6 @@
 <template lang="pug">
-  el-card
+  el-main
-    nuxt-link.float-right(to='/')
+    h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.info')}}
-      el-button(circle  icon='el-icon-close' type='danger' size='small' plain)    
-    h3 {{$t('common.info')}}
 
     div(v-html='$t("about")')
     hr

pages/add/_edit.vue

@@ -1,9 +1,6 @@
 <template lang="pug">
   el-main
-    nuxt-link.float-right(to='/')
+    h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{edit?$t('common.edit_event'):$t('common.add_event')}}
-      el-button(circle  icon='el-icon-close' type='danger' size='small' plain)
-
-    h5 {{edit?$t('common.edit_event'):$t('common.add_event')}}
     el-form(v-loading='loading')
       client-only
         el-tabs.mb-2(v-model='activeTab')
@@ -60,7 +57,7 @@
               el-select.ml-2(v-if='event.type==="recurrent"' v-model='event.recurrent.frequency' placeholder='Frequenza')
                 el-option(:label="$t('event.each_week')" value='1w' key='1w')
                 el-option(:label="$t('event.each_2w')" value='2w' key='2w')
-                el-option(:label="$t('event.each_month')" value='1m' key='1m')
+                //- el-option(:label="$t('event.each_month')" value='1m' key='1m')
 
             v-date-picker.mb-2.mt-3(
               :mode='event.type === "multidate" ? "range" : event.type === "recurrent" ? "multiple" : "single"'

pages/admin.vue

@@ -1,9 +1,6 @@
 <template lang="pug">
   el-main
-    nuxt-link.float-right(to='/')
+    h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.admin')}}
-      el-button(circle  icon='el-icon-close' type='danger' size='small' plain)
-
-    h5 {{$t('common.admin')}}
 
     el-tabs(v-model='tab')
 

pages/event/_id.vue

@@ -1,21 +1,23 @@
 <template lang="pug">
   el-main#eventDetail
 
-    nuxt-link.mr-2(to='/')
+    .head
-      img#logo(src='/favicon.ico')
+      nuxt-link.mr-2(to='/')
+        img#logo(src='/favicon.ico')
 
-    span.title {{event.title}}
+      span.title {{event.title}}
 
-    div.float-right
+      div.float-right
-      nuxt-link.mr-1(:to='`/event/${prev}`')
+        nuxt-link.mr-1(:to='`/event/${prev}`')
-        el-button(circle plain size='small' icon='el-icon-arrow-left' :disabled='!prev')
+          el-button(circle plain size='small' icon='el-icon-arrow-left' :disabled='!prev')
-      nuxt-link(:to='`/event/${next}`')
+        nuxt-link(:to='`/event/${next}`')
-        el-button(circle plain size='small' :disabled='!next' icon='el-icon-arrow-right')
+          el-button(circle plain size='small' :disabled='!next' icon='el-icon-arrow-right')
 
-    //- image
+    el-row
-    el-row.mt-3
       el-col(:md='18')
+        //- event image
         img.main.mb-3(:src='imgPath' v-if='event.image_path')
+        //- info for mobile screen
         div.d-block.d-lg-none
           span <b>{{event|when}}</b> - {{event|to}}<br/>
           span <b>{{event.place.name}}</b> - {{event.place.address}}
@@ -24,17 +26,16 @@
         el-tag.mr-1.mb-1(v-for='tag in event.tags'
           size='mini' :key='tag.tag') {{tag.tag}}
 
+      //- info & actions for desktop
       el-col.d-none.d-lg-block(:md='6')
-        el-menu.menu
+        el-menu.menu.mt-2
-          //- el-divider {{$t('common.when')}}
-            //- When(:event='event')
-          el-divider {{$t('common.info')}}
           p <b>{{event|when}}</b> - {{event|to}}
           p <b>{{event.place.name}}</b> - {{event.place.address}}
           el-divider {{$t('common.actions')}}
           el-menu-item(v-clipboard:success='copyLink'
             v-clipboard:copy='`${settings.baseurl}/event/${event.id}`') <i class='el-icon-paperclip'></i> {{$t('common.copy_link')}}
-          el-menu-item
+          //- TODO (ics of recurrent events)
+          el-menu-item(v-if='!event.recurrent')
             a.d-block(:href='`${settings.baseurl}/api/event/${event.id}.ics`') {{$t('common.add_to_calendar')}}
           //- el-button(plain size='mini' type='primary'
           //-   icon='el-icon-document' ) {{$t('common.send_via_mail')}}
@@ -196,7 +197,18 @@ export default {
 <style lang='less'>
 
 #eventDetail {
-  
+  background-color: white;
+  margin-bottom: 30px;
+  .head {
+    z-index: 1;
+    position: sticky;
+    top: 0px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    background-color: white;
+    border-bottom: 1px solid #e6e6e6;
+  }
+
   .menu {
     border-right: none;
     border-left: 1px solid #e6e6e6;

pages/export.vue

@@ -1,9 +1,6 @@
 <template lang="pug">
-  el-card
+  el-main
-
+    h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.export')}}
-    nuxt-link.float-right(to='/')
-      el-button(circle  icon='el-icon-close' type='danger' size='small' plain)
-    h5 {{$t('common.export')}}
 
     p {{$t('export.intro')}}
     Search

pages/settings.vue

@@ -1,8 +1,7 @@
 <template lang="pug">
   el-main
-    nuxt-link.float-right(to='/')
+    h4 <nuxt-link to='/'><img src='/favicon.ico'/></nuxt-link> {{$t('common.settings')}}
-      el-button(circle  icon='el-icon-close' type='danger' size='small' plain)
+
-    h5 {{$t('common.settings')}}
     el-divider {{$auth.user.email}}
     el-form(action='/api/user' method='PUT' @submit.native.prevent='update_settings' inline label-width='200px')