3
0
Fork 0
mirror of https://github.com/ZeppelinBot/Zeppelin.git synced 2025-03-15 05:41:51 +00:00

Fix alert icon in docs. Misc tweaks.

This commit is contained in:
Dragory 2019-10-10 23:15:03 +03:00
parent fc43beee38
commit fa39851439
3 changed files with 5 additions and 23 deletions

View file

@ -8,7 +8,7 @@
<li v-for="guild in guilds" class="flex-none m-4 w-full md:w-1/2 lg:w-1/3 xl:w-1/4">
<div class="flex items-center">
<div class="flex-none">
<img v-if="guild.icon" class="guild-logo" :src="guild.icon" :alt="'Logo for guild ' + guild.name">
<img v-if="guild.icon" class="rounded-full w-12" :src="guild.icon" :alt="'Logo for guild ' + guild.name">
</div>
<div class="flex-auto ml-3">
<div>
@ -27,26 +27,6 @@
</div>
</template>
<style scoped>
.table td {
vertical-align: middle;
}
.guild-logo {
display: block;
width: 42px;
border-radius: 50%;
}
.guild-name {
font-weight: 600;
}
.guild-id {
color: hsla(220, 100%, 95%, 0.6);
}
</style>
<script>
import {mapState} from "vuex";

View file

@ -10,7 +10,7 @@
<ul class="dashboard-nav list-none flex ml-8">
<router-link class="flex-auto mr-4" to="/dashboard">Guilds</router-link>
<a href="javascript:void(0)" class="navbar-item" v-on:click="logout()">Log out</a>
<a href="javascript:void(0)" class="navbar-item hover:text-red-400" v-on:click="logout()">Log out</a>
</ul>
</div>

View file

@ -21,7 +21,7 @@
<!-- WIP bar -->
<div class="mt-6 px-3 py-2 rounded bg-gray-800 shadow-md">
<i class="mdi mdi-alert mr-1" title="Note"></i>
<alert class="mr-1 text-yellow-300" />
This documentation is a work in progress.
</div>
@ -50,6 +50,7 @@
<script lang="ts">
import Vue from "vue";
import {mapState} from "vuex";
import Alert from 'vue-material-design-icons/Alert.vue';
type TMenuItem = {
to: string;
@ -110,6 +111,7 @@
];
export default {
components: { Alert },
async mounted() {
await this.$store.dispatch("docs/loadAllPlugins");
},