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">
|
||||
<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";
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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");
|
||||
},
|
||||
|
|
Loading…
Add table
Reference in a new issue