Chapril/mobilizon.chapril.org-mobilizon
Chapril/mobilizon.chapril.org-mobilizon
26
0
Fork 0
Code Issues Pull Requests Releases Activity

fix About page

Browse Source
This commit is contained in:
tykayn 2020-12-03 15:47:36 +01:00 committed by Baptiste Lemoine
parent d062e4f860
commit 482e2cf124
4 changed files with 40 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
js/src/components/Settings/SettingMenuItem.vue
View File

@ -32,8 +32,6 @@ export default class SettingMenuItem extends Vue {
<style lang="scss" scoped> <style lang="scss" scoped>
li.setting-menu-item { li.setting-menu-item {
font-size: 1.05rem; font-size: 1.05rem;
background-color: #fff1de;
color: $background-color;
margin: auto; margin: auto;
span { span {
@ -49,7 +47,6 @@ li.setting-menu-item {
&:hover, &:hover,
&.active { &.active {
cursor: pointer; cursor: pointer;
background-color: lighten(#fea72b, 10%);
} }
} }
</style> </style>

60
js/src/views/About.vue
View File

@ -1,29 +1,30 @@
<template> <template>
<div class="container content"> <div class="container content">
<div class="hero intro is-small is-primary"> <main>
<div class="hero-body"> <div class="hero intro has-background-primary has-text-primary-dark">
<div class="container"> <div class="hero-body">
<h1 class="title">{{ $t("About Mobilizon") }}</h1> <div class="container">
<p> <h1 class="title">{{ $t("About Mobilizon") }}</h1>
{{ <p>
$t( {{
"A user-friendly, emancipatory and ethical tool for gathering, organising, and mobilising." $t(
) "A user-friendly, emancipatory and ethical tool for gathering, organising, and mobilising."
}} )
</p> }}
<b-button </p>
icon-left="open-in-new" <b-button
size="is-large" icon-left="open-in-new"
type="is-secondary" size="is-large"
tag="a" type="is-secondary"
href="https://joinmobilizon.org" tag="a"
>{{ $t("Learn more") }}</b-button href="https://joinmobilizon.org"
> >{{ $t("Learn more") }}</b-button
>
</div>
</div> </div>
</div> </div>
</div>
<main class="container"> <div class="columns main-section">
<div class="columns">
<div class="column is-one-quarter-desktop"> <div class="column is-one-quarter-desktop">
<aside class="menu"> <aside class="menu">
<p class="menu-list"> <p class="menu-list">
@ -65,9 +66,9 @@
</main> </main>
<!-- We hide the "Find an instance button until https://joinmobilizon.org gets a instance picker --> <!-- We hide the "Find an instance button until https://joinmobilizon.org gets a instance picker -->
<div class="hero register is-primary is-medium"> <div class="hero register has-background-black">
<div class="hero-body"> <div class="hero-body">
<div class="container has-text-centered"> <div class="has-text-centered">
<div class="columns"> <div class="columns">
<div class="column" v-if="config && config.registrationsOpen"> <div class="column" v-if="config && config.registrationsOpen">
<h2 class="title">{{ $t("Register on this instance") }}</h2> <h2 class="title">{{ $t("Register on this instance") }}</h2>
@ -118,7 +119,8 @@ export default class About extends Vue {
<style lang="scss" scoped> <style lang="scss" scoped>
.hero.is-primary { .hero.is-primary {
background: $background-color; background: $primary;
margin: 0;
.title { .title {
margin: 30px auto 1rem auto; margin: 30px auto 1rem auto;
@ -149,4 +151,12 @@ aside.menu {
ul.menu-list > li > a { ul.menu-list > li > a {
text-decoration: none; text-decoration: none;
} }
.hero {
margin: 1em 0;
}
.main-section {
margin: 1em 0;
}
</style> </style>

2
js/src/views/About/AboutInstance.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="config"> <div v-if="config">
<section class="hero is-primary"> <section class="hero has-background-dark">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<h2 class="title">{{ config.name }}</h2> <h2 class="title">{{ config.name }}</h2>

5
js/src/views/Search.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="section container"> <div class="section container">
<h1 class="title">{{ $t("Explore") }} IN DEV MODE</h1> <h1 class="title">{{ $t("Explore") }}</h1>
<section v-if="tag"> <section v-if="tag">
<i18n path="Events tagged with {tag}"> <i18n path="Events tagged with {tag}">
<b-tag slot="tag" type="is-light">{{ $t("#{tag}", { tag }) }}</b-tag> <b-tag slot="tag" type="is-light">{{ $t("#{tag}", { tag }) }}</b-tag>
@ -370,6 +370,9 @@ export default class Search extends Vue {
} }
get geohash(): string | undefined { get geohash(): string | undefined {
if (!this.location) {
return undefined;
}
console.info("geohash location", this.location); console.info("geohash location", this.location);
if (this.location && this.location.geom) { if (this.location && this.location.geom) {