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

Cosmetics on colors and smaller topbar

pull/4591/head
Cagatay Civici 2023-10-09 10:21:14 +03:00
parent 45ca873e19
commit 130a6eff08
6 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/styles/layout/_code.scss
View File

@ -356,7 +356,7 @@ pre[class*="language-"] {
.layout-wrapper-light { .layout-wrapper-light {
pre[class*="language-"] { pre[class*="language-"] {
code { code {
background: #505b67 !important; background: #475569 !important;
} }
} }
} }

6
assets/styles/layout/_content.scss
View File

@ -1,5 +1,5 @@
.layout-content { .layout-content {
padding: 7rem 4rem 0 4rem; padding: 6rem 4rem 0 4rem;
display: flex; display: flex;
.layout-content-slot { .layout-content-slot {
@ -10,8 +10,8 @@
.layout-wrapper-light { .layout-wrapper-light {
.card { .card {
background: var(--surface-ground); background: #f3f4f6;
border: 1px solid var(--surface-border); border: 1px solid #e2e8f0;
padding: 2rem; padding: 2rem;
border-radius: 10px; border-radius: 10px;
margin-bottom: 1rem; margin-bottom: 1rem;

2
assets/styles/layout/_doc.scss
View File

@ -144,7 +144,7 @@
.doc-section-nav { .doc-section-nav {
position: sticky; position: sticky;
top: 7rem; top: 6rem;
right: 0; right: 0;
width: 14rem; width: 14rem;
max-height: calc(100vh - 15rem); max-height: calc(100vh - 15rem);

2
assets/styles/layout/_docsearch.scss
View File

@ -4,7 +4,7 @@
width: 14rem; width: 14rem;
margin: 0; margin: 0;
transition: border-color .3s; transition: border-color .3s;
height: 3rem; height: 2.5rem;
padding: 0 .75rem; padding: 0 .75rem;
&:hover { &:hover {

6
assets/styles/layout/_sidebar.scss
View File

@ -1,7 +1,7 @@
.layout-sidebar { .layout-sidebar {
position: sticky; position: sticky;
left: 0; left: 0;
top: 7rem; top: 6rem;
height: calc(100vh - 9rem); height: calc(100vh - 9rem);
user-select: none; user-select: none;
transition: transform .4s cubic-bezier(.05,.74,.2,.99), opacity .3s; transition: transform .4s cubic-bezier(.05,.74,.2,.99), opacity .3s;
@ -19,7 +19,7 @@
nav { nav {
padding: 0; padding: 0;
margin: 0; margin: -.5rem 0 0 0;
flex-grow: 1; flex-grow: 1;
} }
@ -35,7 +35,7 @@
display: flex; display: flex;
width: 100%; width: 100%;
align-items: center; align-items: center;
padding: .5rem; padding: .5rem 0;
color: var(--surface-900); color: var(--surface-900);
font-weight: 600; font-weight: 600;
transition: all .2s; transition: all .2s;

13
assets/styles/layout/_topbar.scss
View File

@ -1,5 +1,5 @@
.layout-topbar { .layout-topbar {
height: 5rem; height: 4rem;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -18,11 +18,20 @@
.layout-topbar-logo-container { .layout-topbar-logo-container {
width: 250px; width: 250px;
text-align: center;
margin-right: 4rem; margin-right: 4rem;
.layout-topbar-logo {
svg {
width: 120px;
}
}
.layout-topbar-icon { .layout-topbar-icon {
display: none; display: none;
svg {
width: 25px;
}
} }
} }