vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Cosmetics

pull/132/head
cagataycivici 2019-12-09 14:48:49 +03:00
parent 247535e3bd
commit 53cd8a7a6c
2 changed files with 18 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/AppTopBar.vue
View File

@ -14,15 +14,15 @@
<ul v-if="themesMenuVisible"> <ul v-if="themesMenuVisible">
<li class="topbar-submenu-header">THEMING</li> <li class="topbar-submenu-header">THEMING</li>
<li><router-link to="/theming" @click.native="hideThemesMenu()"><i class="pi pi-fw pi-file"/><span>Guide</span></router-link></li> <li><router-link to="/theming" @click.native="hideThemesMenu()"><i class="pi pi-fw pi-file"/><span>Guide</span></router-link></li>
<li><a href="https://www.primefaces.org/designer/primevue"><i class="pi pi-fw pi-cog" /><span>Designer</span></a></li> <li><a href="https://www.primefaces.org/designer/primevue"><i class="pi pi-fw pi-palette" /><span>Designer</span></a></li>
<li><router-link to="/icons" @click.native="hideThemesMenu()"><i class="pi pi-fw pi-search"/><span>Icons</span></router-link></li> <li><router-link to="/icons" @click.native="hideThemesMenu()"><i class="pi pi-fw pi-info-circle"/><span>Icons</span></router-link></li>
<li class="topbar-submenu-header">PREMIUM TEMPLATES</li> <li class="topbar-submenu-header">PREMIUM ADMIN TEMPLATES</li>
<li><a href="https://www.primefaces.org/sapphire-vue"><img src="./assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></a></li> <li><a href="https://www.primefaces.org/sapphire-vue"><img src="./assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></a></li>
<li><a href="https://www.primefaces.org/avalon-vue"><img src="./assets/images/layouts/themeswitcher-avalon.png" alt="Avalon" /><span>Avalon</span><span class="theme-badge bootstrap">bootstrap</span></a></li> <li><a href="https://www.primefaces.org/avalon-vue"><img src="./assets/images/layouts/themeswitcher-avalon.png" alt="Avalon" /><span>Avalon</span><span class="theme-badge bootstrap">bootstrap</span></a></li>
<li><a href="https://www.primefaces.org/babylon-vue"><img src="./assets/images/layouts/themeswitcher-babylon.png" alt="Babylon" /><span>Babylon</span></a></li> <li><a href="https://www.primefaces.org/babylon-vue"><img src="./assets/images/layouts/themeswitcher-babylon.png" alt="Babylon" /><span>Babylon</span></a></li>
<li class="topbar-submenu-header">FREE TEMPLATES</li> <li class="topbar-submenu-header">FREE ADMIN TEMPLATE</li>
<li><a href="https://www.primefaces.org/sigma-vue"><img src="./assets/images/layouts/themeswitcher-sigma.png" alt="Sigma" /><span>Sigma</span></a></li> <li><a href="https://www.primefaces.org/sigma-vue"><img src="./assets/images/layouts/themeswitcher-sigma.png" alt="Sigma" /><span>Sigma</span></a></li>
<li class="topbar-submenu-header">FREE THEMES</li> <li class="topbar-submenu-header">FREE COMPONENT THEMES</li>
<li><a href="#" @click="changeTheme($event, 'nova-light', false)"><img src="./assets/images/layouts/themeswitcher-nova-light.png" alt="Nova Light" /><span>Nova Light</span></a></li> <li><a href="#" @click="changeTheme($event, 'nova-light', false)"><img src="./assets/images/layouts/themeswitcher-nova-light.png" alt="Nova Light" /><span>Nova Light</span></a></li>
<li><a @click="changeTheme($event, 'nova-dark', false)"><img src="./assets/images/layouts/themeswitcher-nova-dark.png" alt="Nova Dark" /><span>Nova Dark</span></a></li> <li><a @click="changeTheme($event, 'nova-dark', false)"><img src="./assets/images/layouts/themeswitcher-nova-dark.png" alt="Nova Dark" /><span>Nova Dark</span></a></li>
<li><a @click="changeTheme($event, 'nova-colored', false)"><img src="./assets/images/layouts/themeswitcher-nova-colored.png" alt="Nova Colored" /><span>Nova Colored</span></a></li> <li><a @click="changeTheme($event, 'nova-colored', false)"><img src="./assets/images/layouts/themeswitcher-nova-colored.png" alt="Nova Colored" /><span>Nova Colored</span></a></li>

48
src/assets/styles/app.scss
View File

@ -64,6 +64,7 @@ body {
font-weight: normal; font-weight: normal;
color: #484848; color: #484848;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px; font-size: 14px;
} }
@ -181,8 +182,11 @@ body {
padding: 6px 12px; padding: 6px 12px;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
color: #ffffff; margin-top: 18px;
background-color: #34485e;
&:first-child {
margin-top: 6px;
}
} }
} }
@ -335,22 +339,6 @@ body {
} }
} }
} }
.nano {
> .nano-content {
.layout-menu {
padding-bottom: 120px;
}
}
> .nano-pane {
background-color: transparent;
.nano-slider {
background-color: #aaaaaa;
}
}
}
} }
.layout-mask { .layout-mask {
@ -409,14 +397,9 @@ body {
a { a {
border-radius: 3px; border-radius: 3px;
background-color: #2f4860; background-color: #ffffff;
color: #ffffff;
padding: 2px 4px; padding: 2px 4px;
@include transition(background-color .2s); color: #484848;
&:hover {
background-color: #536e8b;
}
} }
} }
} }
@ -524,7 +507,7 @@ body {
.btn-viewsource { .btn-viewsource {
background-color: #444; background-color: #444;
padding: .5em; padding: .5em 1em;
border-radius: 2px; border-radius: 2px;
color: #fff; color: #fff;
font-weight: 700; font-weight: 700;
@ -535,12 +518,6 @@ body {
&:hover { &:hover {
background-color: #595959; background-color: #595959;
} }
i {
margin-right: .25em;
background-color: transparent;
font-family: 'FontAwesome';
}
} }
i:not([class~="pi"]) { i:not([class~="pi"]) {
@ -550,6 +527,7 @@ body {
font-style: normal; font-style: normal;
font-size: 14px; font-size: 14px;
padding: 2px; padding: 2px;
letter-spacing: .5px;
} }
/* Demo Tabs Source */ /* Demo Tabs Source */
@ -596,15 +574,15 @@ body {
&.p-highlight:hover a { &.p-highlight:hover a {
border: 0 none; border: 0 none;
background: #f5f7f8; background: #f5f7f8;
color: #42b983; color: #3294e0;
border-bottom: 1px solid #42b983; border-bottom: 1px solid #3294e0;
} }
&:not(.p-highlight):not(.p-disabled):hover a { &:not(.p-highlight):not(.p-disabled):hover a {
color: #34495e; color: #34495e;
background-color: transparent; background-color: transparent;
border: 0 none; border: 0 none;
border-bottom: 1px solid #42b983; border-bottom: 1px solid #3294e0;
} }
} }
} }