Alex/Pterodactyl-Panel
1
1
Fork 1
mirror of https://github.com/pterodactyl/panel.git synced 2024-11-25 18:42:31 +01:00
Code Issues Releases Wiki Activity

Revert "Update navigation icons"

Browse Source 
This reverts commit 63375d0f37.
This commit is contained in:
Dane Everitt 2018-09-13 21:53:00 -07:00
parent 63375d0f37
commit bba8797f7b
No known key found for this signature in database
GPG Key ID: EEA66103B3D71F53
3 changed files with 9 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
resources/assets/scripts/components/Icon.vue
View File

@ -1,18 +0,0 @@
<template>
<i class="ion" :class="iconClass"></i>
</template>
<script>
export default {
props: {
type: {type: String, required: true},
iconStyle: {type: String, default: 'ios'},
},
computed: {
iconClass: function () {
return `ion-${this.iconStyle}-${this.type}`;
}
},
}
</script>

13
resources/assets/scripts/components/core/Navigation.vue
View File

@ -44,22 +44,22 @@
<ul>
<li>
<router-link :to="{ name: 'dashboard' }">
<Icon type="cube"/>
<server-icon aria-label="Server dashboard" class="h-4"/>
</router-link>
</li>
<li>
<router-link :to="{ name: 'account' }">
<Icon type="contact"/>
<user-icon aria-label="Profile management" class="h-4"/>
</router-link>
</li>
<li>
<a :href="this.route('admin.index')">
<Icon type="cog"/>
<settings-icon aria-label="Administrative controls" class="h-4"/>
</a>
</li>
<li>
<a :href="this.route('auth.logout')" v-on:click.prevent="doLogout">
<Icon type="log-out"/>
<log-out-icon aria-label="Sign out" class="h-4"/>
</a>
</li>
</ul>
@ -70,11 +70,12 @@
<script>
import debounce from 'lodash/debounce';
import { mapState } from 'vuex';
import Icon from '../Icon';
import { LogOutIcon, ServerIcon, SettingsIcon, UserIcon } from 'vue-feather-icons'
export default {
name: 'navigation',
components: {Icon},
components: { LogOutIcon, ServerIcon, SettingsIcon, UserIcon },
data: function () {
return {
loadingResults: false,

5
resources/assets/styles/components/navigation.css
View File

@ -17,8 +17,7 @@
& > .search-box {
& > .search-input {
@apply .text-sm .p-2 .mx-3 .rounded .border .border-blue-darker .bg-grey-lightest .text-grey-darkest;
margin-top: 0.6rem;
@apply .text-sm .p-2 .mt-3 .mx-3 .rounded .border .border-blue-darker .bg-grey-lightest .text-grey-darkest;
width: 26rem;
opacity: 0.7;
transition: ease-in-out opacity 150ms;
@ -54,7 +53,7 @@
& > li {
@apply .inline-block;
& > a {
@apply .block .h-full .no-underline .text-grey-lighter .font-light .text-xl .px-5 .py-4;
@apply .block .h-full .no-underline .text-grey-lighter .font-light .text-sm .p-5;
&:hover {
@apply .bg-blue-dark;