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:
parent
fc43beee38
commit
fa39851439
3 changed files with 5 additions and 23 deletions
|
@ -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">
|
<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 items-center">
|
||||||
<div class="flex-none">
|
<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>
|
||||||
<div class="flex-auto ml-3">
|
<div class="flex-auto ml-3">
|
||||||
<div>
|
<div>
|
||||||
|
@ -27,26 +27,6 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</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>
|
<script>
|
||||||
import {mapState} from "vuex";
|
import {mapState} from "vuex";
|
||||||
|
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
|
|
||||||
<ul class="dashboard-nav list-none flex ml-8">
|
<ul class="dashboard-nav list-none flex ml-8">
|
||||||
<router-link class="flex-auto mr-4" to="/dashboard">Guilds</router-link>
|
<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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
|
|
||||||
<!-- WIP bar -->
|
<!-- WIP bar -->
|
||||||
<div class="mt-6 px-3 py-2 rounded bg-gray-800 shadow-md">
|
<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.
|
This documentation is a work in progress.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -50,6 +50,7 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import Vue from "vue";
|
import Vue from "vue";
|
||||||
import {mapState} from "vuex";
|
import {mapState} from "vuex";
|
||||||
|
import Alert from 'vue-material-design-icons/Alert.vue';
|
||||||
|
|
||||||
type TMenuItem = {
|
type TMenuItem = {
|
||||||
to: string;
|
to: string;
|
||||||
|
@ -110,6 +111,7 @@
|
||||||
];
|
];
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
components: { Alert },
|
||||||
async mounted() {
|
async mounted() {
|
||||||
await this.$store.dispatch("docs/loadAllPlugins");
|
await this.$store.dispatch("docs/loadAllPlugins");
|
||||||
},
|
},
|
||||||
|
|
Loading…
Add table
Reference in a new issue