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

Carousel and Galleria demo update

pull/310/head
cagataycivici 2020-05-01 01:05:23 +03:00
parent efd374106f
commit 47afb5544f
4 changed files with 12 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/carousel/CarouselDemo.vue
View File

@ -134,7 +134,7 @@ export default {
.p-carousel-header { .p-carousel-header {
h3 { h3 {
font-weight: 400; font-weight: 500;
font-size: 18px; font-size: 18px;
} }
} }
@ -143,7 +143,7 @@ export default {
.p-carousel-item { .p-carousel-item {
.car-details { .car-details {
> .p-grid { > .p-grid {
border: 1px solid #c8c8c8; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 3px;
margin: .3em; margin: .3em;
text-align: center; text-align: center;
@ -153,7 +153,7 @@ export default {
.car-data { .car-data {
.car-title { .car-title {
font-weight: 700; font-weight: 600;
font-size: 20px; font-size: 20px;
margin-top: 24px; margin-top: 24px;
} }

11
src/views/carousel/CarouselDoc.vue
View File

@ -384,11 +384,18 @@ export default {
<CodeHighlight lang="css"> <CodeHighlight lang="css">
.p-carousel { .p-carousel {
.p-carousel-header {
h3 {
font-weight: 500;
font-size: 18px;
}
}
.p-carousel-content { .p-carousel-content {
.p-carousel-item { .p-carousel-item {
.car-details { .car-details {
> .p-grid { > .p-grid {
border: 1px solid #b3c2ca; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 3px;
margin: .3em; margin: .3em;
text-align: center; text-align: center;
@ -398,7 +405,7 @@ export default {
.car-data { .car-data {
.car-title { .car-title {
font-weight: 700; font-weight: 600;
font-size: 20px; font-size: 20px;
margin-top: 24px; margin-top: 24px;
} }

12
src/views/galleria/GalleriaDemo.vue
View File

@ -149,18 +149,6 @@ export default {
background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 70%); background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 70%);
.p-galleria-thumbnail-container { .p-galleria-thumbnail-container {
.p-galleria-thumbnail-prev,
.p-galleria-thumbnail-next {
background-color: transparent !important;
color: #ffffff;
border: 0 none;
font-size: 1.2em;
&:hover {
color: var(--primaryColor);
}
}
.p-galleria-thumbnail-items-content { .p-galleria-thumbnail-items-content {
.p-galleria-thumbnail-items-container { .p-galleria-thumbnail-items-container {
.p-galleria-thumbnail-item { .p-galleria-thumbnail-item {

12
src/views/galleria/GalleriaDoc.vue
View File

@ -459,18 +459,6 @@ export default {
background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 70%); background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 70%);
.p-galleria-thumbnail-container { .p-galleria-thumbnail-container {
.p-galleria-thumbnail-prev,
.p-galleria-thumbnail-next {
background-color: transparent !important;
color: #ffffff;
border: 0 none;
font-size: 1.2em;
&:hover {
color: var(--primaryColor);
}
}
.p-galleria-thumbnail-items-content { .p-galleria-thumbnail-items-content {
.p-galleria-thumbnail-items-container { .p-galleria-thumbnail-items-container {
.p-galleria-thumbnail-item { .p-galleria-thumbnail-item {