NoLog.cz/gancio
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity

mobile layout improvement

Browse source
This commit is contained in:
les 2021-05-20 10:48:20 +02:00
parent 8a0738b268
commit 16caff8a73
No known key found for this signature in database
GPG key ID: 352918250B012177
5 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/Event.vue
View file

@ -10,9 +10,9 @@
.d-none.dt-end {{event.end_datetime|unixFormat('YYYY-MM-DD HH:mm')}} .d-none.dt-end {{event.end_datetime|unixFormat('YYYY-MM-DD HH:mm')}}
a.place.d-block.p-location.pl-0(text color='primary' @click="$emit('placeclick', event.place.id)") <v-icon>mdi-map-marker</v-icon> {{event.place.name}} a.place.d-block.p-location.pl-0(text color='primary' @click="$emit('placeclick', event.place.id)") <v-icon>mdi-map-marker</v-icon> {{event.place.name}}
v-card-actions.actions.justify-space-between v-card-actions.pt-0.actions.justify-space-between
.tags .tags
v-chip.ml-1.px-2(v-for='tag in event.tags' small v-chip.ml-1.mt-1(v-for='tag in event.tags.slice(0,6)' small
:key='tag' outlined color='primary' @click="$emit('tagclick', tag)") {{tag}} :key='tag' outlined color='primary' @click="$emit('tagclick', tag)") {{tag}}
v-menu(offset-y) v-menu(offset-y)

3
components/Footer.vue
View file

@ -12,9 +12,10 @@
offset-y bottom open-on-hover transition="slide-y-transition") offset-y bottom open-on-hover transition="slide-y-transition")
template(v-slot:activator="{ on, attrs }") template(v-slot:activator="{ on, attrs }")
v-btn.ml-1(v-bind='attrs' v-on='on' color='primary' text) {{$t('common.places')}} v-btn.ml-1(v-bind='attrs' v-on='on' color='primary' text) {{$t('common.places')}}
v-list v-list(subheaders two-lines)
v-list-item(v-for='instance in settings.trusted_instances' v-list-item(v-for='instance in settings.trusted_instances'
:key='instance.name' :key='instance.name'
target='_blank'
:href='instance.url' :href='instance.url'
two-line) two-line)
v-list-item-avatar v-list-item-avatar

2
components/Search.vue
View file

@ -6,7 +6,7 @@
inset color='primary' inset color='primary'
hide-details hide-details
:label="$t('event.show_recurrent')") :label="$t('event.show_recurrent')")
v-autocomplete.mt-0( v-autocomplete.mt-0.pt-0(
:label='$t("common.search")' :label='$t("common.search")'
:items='keywords' :items='keywords'
hide-details hide-details

2
pages/event/_id.vue
View file

@ -307,6 +307,8 @@ export default {
<style lang='less'> <style lang='less'>
.title { .title {
margin-bottom: 25px; margin-bottom: 25px;
color: yellow;
font-weight: 300 !important;
} }
.main_image { .main_image {
// width: 100%; // width: 100%;

6
pages/index.vue
View file

@ -6,8 +6,8 @@
Announcement(v-for='announcement in announcements' :key='`a_${announcement.id}`' :announcement='announcement') Announcement(v-for='announcement in announcements' :key='`a_${announcement.id}`' :announcement='announcement')
//- Calendar and search bar //- Calendar and search bar
v-row v-row.pt-0.pt-sm-2
.col-xl-5.col-lg-5.col-md-7.col-sm-12.col-xs-12 .col-xl-5.col-lg-5.col-md-7.col-sm-12.col-xs-12.pa-4.pa-sm-3
//- this is needed as v-calendar does not support SSR //- this is needed as v-calendar does not support SSR
//- https://github.com/nathanreyes/v-calendar/issues/336 //- https://github.com/nathanreyes/v-calendar/issues/336
client-only client-only
@ -18,7 +18,7 @@
v-chip(v-if='selectedDay' close @click:close='dayChange({ date: selectedDay})') {{selectedDay}} v-chip(v-if='selectedDay' close @click:close='dayChange({ date: selectedDay})') {{selectedDay}}
//- Events //- Events
#events.mt-1 #events.mb-2.mt-1.pl-1.pl-md-0
//- div.event(v-for='(event, idx) in events' :key='event.id' v-intersect="(entries, observer, isIntersecting) => intersecting[event.id] = isIntersecting") //- div.event(v-for='(event, idx) in events' :key='event.id' v-intersect="(entries, observer, isIntersecting) => intersecting[event.id] = isIntersecting")
Event(:event='event' v-for='(event, idx) in visibleEvents' :key='event.id' @tagclick='tagClick' @placeclick='placeClick') Event(:event='event' v-for='(event, idx) in visibleEvents' :key='event.id' @tagclick='tagClick' @placeclick='placeClick')