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 {
pre[class*="language-"] {
code {
background: #505b67 !important;
background: #475569 !important;
}
}
}

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

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

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

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

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

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

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

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

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

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