Fixed #4845 - Sidebar: header templating updates

pull/4847/head
tugcekucukoglu 2023-11-20 10:41:12 +03:00
parent 1e98574c80
commit c7713d3dd1
61 changed files with 249 additions and 7 deletions

View File

@ -14,6 +14,10 @@ export default {
type: String,
default: 'left'
},
header: {
type: null,
default: null
},
baseZIndex: {
type: Number,
default: 0

View File

@ -54,7 +54,7 @@ export interface SidebarPassThroughOptions {
/**
* Used to pass attributes to the header content's DOM element.
*/
headerContent?: SidebarPassThroughOptionType;
title?: SidebarPassThroughOptionType;
/**
* Used to pass attributes to the close button's DOM element.
*/
@ -114,6 +114,10 @@ export interface SidebarProps {
* @defaultValue left
*/
position?: 'left' | 'right' | 'top' | 'bottom' | 'full' | undefined;
/**
* Title content of the dialog.
*/
header?: string | undefined;
/**
* Base zIndex value to use in layering.
* @defaultValue 0
@ -176,8 +180,14 @@ export interface SidebarSlots {
default(): VNode[];
/**
* Custom header template.
* @param {Object} scope - header slot's params.
*/
header(): VNode[];
header(scope: {
/**
* Style class of the header title
*/
class: any;
}): VNode[];
/**
* Custom close icon template.
* @param {Object} scope - close icon slot's params.

View File

@ -6,9 +6,9 @@
<slot v-if="$slots.container" name="container" :onClose="hide" :closeCallback="hide"></slot>
<template v-else>
<div :ref="headerContainerRef" :class="cx('header')" v-bind="ptm('header')">
<div v-if="$slots.header" :class="cx('headerContent')" v-bind="ptm('headerContent')">
<slot name="header"></slot>
</div>
<slot name="header" :class="cx('title')">
<div v-if="header" :class="cx('title')" v-bind="ptm('title')">{{ header }}</div>
</slot>
<button v-if="showCloseIcon" :ref="closeButtonRef" v-ripple type="button" :class="cx('closeButton')" :aria-label="closeAriaLabel" @click="hide" v-bind="ptm('closeButton')" data-pc-group-section="iconcontainer">
<slot name="closeicon" :class="cx('closeIcon')">
<component :is="closeIcon ? 'span' : 'TimesIcon'" :class="[cx('closeIcon'), closeIcon]" v-bind="ptm('closeIcon')"></component>

View File

@ -34,7 +34,7 @@ const css = `
.p-sidebar-header {
display: flex;
align-items: center;
justify-content: flex-end;
justify-content: space-between;
flex-shrink: 0;
}
@ -191,7 +191,7 @@ const classes = {
}
],
header: 'p-sidebar-header',
headerContent: 'p-sidebar-header-content',
title: 'p-sidebar-header-content',
closeButton: 'p-sidebar-close p-sidebar-icon p-link',
closeIcon: 'p-sidebar-close-icon',
content: 'p-sidebar-content'

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4042,6 +4042,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4042,6 +4042,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4042,6 +4042,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4042,6 +4042,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4005,6 +4005,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.5rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4024,6 +4024,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4017,6 +4017,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.857rem 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4017,6 +4017,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.857rem 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4017,6 +4017,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.857rem 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4017,6 +4017,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.857rem 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4054,6 +4054,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 500;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2.5rem;

View File

@ -4054,6 +4054,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 500;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2.5rem;

View File

@ -4054,6 +4054,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 500;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2.5rem;

View File

@ -4054,6 +4054,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 500;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2.5rem;

View File

@ -4054,6 +4054,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.75rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 500;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4054,6 +4054,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.75rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 500;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4054,6 +4054,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.75rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 500;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4054,6 +4054,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.75rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 500;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4058,6 +4058,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.75rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 1rem;

View File

@ -4005,6 +4005,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.857rem 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4017,6 +4017,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.857rem 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4017,6 +4017,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.857rem 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4017,6 +4017,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.857rem 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4005,6 +4005,10 @@
.p-sidebar .p-sidebar-header {
padding: 0.857rem 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4029,6 +4029,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4029,6 +4029,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 700;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4065,6 +4065,10 @@
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.5rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4030,6 +4030,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4062,6 +4062,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;

View File

@ -4062,6 +4062,10 @@
.p-sidebar .p-sidebar-header {
padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-header-content {
font-weight: 600;
font-size: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;