lionsdev/btpxpress-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
dahoud
2025-10-01 01:39:07 +00:00
commit b430bf3b96
826 changed files with 255287 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
public/theme/theme-base/components/panel/_accordion.scss Normal file
View File

@@ -0,0 +1,118 @@
.p-accordion {
.p-accordion-header {
.p-accordion-header-link {
padding: $accordionHeaderPadding;
border: $accordionHeaderBorder;
color: $accordionHeaderTextColor;
background: $accordionHeaderBg;
font-weight: $accordionHeaderFontWeight;
border-radius: $borderRadius;
transition: $listItemTransition;
.p-accordion-toggle-icon {
margin-right: $inlineSpacing;
}
}
&:not(.p-disabled) {
.p-accordion-header-link {
&:focus-visible {
@include focused();
}
}
}
&:not(.p-highlight):not(.p-disabled):hover {
.p-accordion-header-link {
background: $accordionHeaderHoverBg;
border-color: $accordionHeaderHoverBorderColor;
color: $accordionHeaderTextHoverColor;
}
}
&:not(.p-disabled).p-highlight {
.p-accordion-header-link {
background: $accordionHeaderActiveBg;
border-color: $accordionHeaderActiveBorderColor;
color: $accordionHeaderTextActiveColor;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
&:hover {
.p-accordion-header-link {
border-color: $accordionHeaderActiveHoverBorderColor;
background: $accordionHeaderActiveHoverBg;
color: $accordionHeaderTextActiveHoverColor;
}
}
}
}
.p-accordion-content {
padding: $accordionContentPadding;
border: $accordionContentBorder;
background: $accordionContentBg;
color: $accordionContentTextColor;
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: $borderRadius;
border-bottom-left-radius: $borderRadius;
}
.p-accordion-tab {
margin-bottom: $accordionSpacing;
@if $accordionSpacing == 0 {
.p-accordion-header {
.p-accordion-header-link {
border-radius: 0;
}
}
.p-accordion-content {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
&:not(:first-child) {
.p-accordion-header {
.p-accordion-header-link {
border-top: 0 none;
}
&:not(.p-highlight):not(.p-disabled):hover,
&:not(.p-disabled).p-highlight:hover {
.p-accordion-header-link {
border-top: 0 none;
}
}
}
}
&:first-child {
.p-accordion-header {
.p-accordion-header-link {
border-top-right-radius: $borderRadius;
border-top-left-radius: $borderRadius;
}
}
}
&:last-child {
.p-accordion-header:not(.p-highlight) {
.p-accordion-header-link {
border-bottom-right-radius: $borderRadius;
border-bottom-left-radius: $borderRadius;
}
.p-accordion-content {
border-bottom-right-radius: $borderRadius;
border-bottom-left-radius: $borderRadius;
}
}
}
}
}
}

30
public/theme/theme-base/components/panel/_card.scss Normal file
View File

@@ -0,0 +1,30 @@
.p-card {
background: $panelContentBg;
color: $panelContentTextColor;
box-shadow: $cardShadow;
border-radius: $borderRadius;
.p-card-body {
padding: $cardBodyPadding;
}
.p-card-title {
font-size: $cardTitleFontSize;
font-weight: $cardTitleFontWeight;
margin-bottom: $inlineSpacing;
}
.p-card-subtitle {
font-weight: $cardSubTitleFontWeight;
margin-bottom: $inlineSpacing;
color: $cardSubTitleColor;
}
.p-card-content {
padding: $cardContentPadding;
}
.p-card-footer {
padding: $cardFooterPadding;
}
}

31
public/theme/theme-base/components/panel/_divider.scss Normal file
View File

@@ -0,0 +1,31 @@
.p-divider {
.p-divider-content {
background-color: $panelContentBg;
}
&.p-divider-horizontal {
margin: $dividerHorizontalMargin;
padding: $dividerHorizontalPadding;
&:before {
border-top: $dividerSize $dividerColor;
}
.p-divider-content {
padding: 0 $inlineSpacing;
}
}
&.p-divider-vertical {
margin: $dividerVerticalMargin;
padding: $dividerVerticalPadding;
&:before {
border-left: $dividerSize $dividerColor;
}
.p-divider-content {
padding: $inlineSpacing 0;
}
}
}

47
public/theme/theme-base/components/panel/_fieldset.scss Normal file
View File

@@ -0,0 +1,47 @@
.p-fieldset {
border: $panelContentBorder;
background: $panelContentBg;
color: $panelContentTextColor;
border-radius: $borderRadius;
.p-fieldset-legend {
padding: $panelHeaderPadding;
border: $panelHeaderBorder;
color: $panelHeaderTextColor;
background: $panelHeaderBg;
font-weight: $panelHeaderFontWeight;
border-radius: $borderRadius;
}
&.p-fieldset-toggleable {
.p-fieldset-legend {
padding: 0;
transition: $actionIconTransition;
a {
padding: $panelHeaderPadding;
color: $panelHeaderTextColor;
border-radius: $borderRadius;
transition: $listItemTransition;
.p-fieldset-toggler {
margin-right: $inlineSpacing;
}
&:focus-visible {
@include focused();
}
}
&:hover {
background: $panelHeaderHoverBg;
border-color: $panelHeaderHoverBorderColor;
color: $panelHeaderTextHoverColor;
}
}
}
.p-fieldset-content {
padding: $panelContentPadding;
}
}

42
public/theme/theme-base/components/panel/_panel.scss Normal file
View File

@@ -0,0 +1,42 @@
.p-panel {
.p-panel-header {
border: $panelHeaderBorder;
padding: $panelHeaderPadding;
background: $panelHeaderBg;
color: $panelHeaderTextColor;
border-top-right-radius: $borderRadius;
border-top-left-radius: $borderRadius;
.p-panel-title {
font-weight: $panelHeaderFontWeight;
}
.p-panel-header-icon {
@include action-icon();
}
}
&.p-panel-toggleable {
.p-panel-header {
padding: $panelToggleableHeaderPadding;
}
}
.p-panel-content {
padding: $panelContentPadding;
border: $panelContentBorder;
background: $panelContentBg;
color: $panelContentTextColor;
border-bottom-right-radius: $borderRadius;
border-bottom-left-radius: $borderRadius;
border-top: 0 none;
}
.p-panel-footer {
padding: $panelFooterPadding;
border: $panelFooterBorder;
background: $panelFooterBg;
color: $panelFooterTextColor;
border-top: 0 none;
}
}

6
public/theme/theme-base/components/panel/_scrollpanel.scss Normal file
View File

@@ -0,0 +1,6 @@
.p-scrollpanel {
.p-scrollpanel-bar {
background: $scrollPanelTrackBg;
border: $scrollPanelTrackBorder;
}
}

19
public/theme/theme-base/components/panel/_splitter.scss Normal file
View File

@@ -0,0 +1,19 @@
.p-splitter {
border: $panelContentBorder;
background: $panelContentBg;
border-radius: $borderRadius;
color: $panelContentTextColor;
.p-splitter-gutter {
transition: $actionIconTransition;
background: $splitterGutterBg;
.p-splitter-gutter-handle {
background: $splitterGutterHandleBg;
}
}
.p-splitter-gutter-resizing {
background: $splitterGutterHandleBg;
}
}

70
public/theme/theme-base/components/panel/_tabview.scss Normal file
View File

@@ -0,0 +1,70 @@
.p-tabview {
.p-tabview-nav {
background: $tabviewNavBg;
border: $tabviewNavBorder;
border-width: $tabviewNavBorderWidth;
li {
margin-right: $tabviewHeaderSpacing;
.p-tabview-nav-link {
border: $tabviewHeaderBorder;
border-width: $tabviewHeaderBorderWidth;
border-color: $tabviewHeaderBorderColor;
background: $tabviewHeaderBg;
color: $tabviewHeaderTextColor;
padding: $tabviewHeaderPadding;
font-weight: $tabviewHeaderFontWeight;
border-top-right-radius: $borderRadius;
border-top-left-radius: $borderRadius;
transition: $listItemTransition;
margin: $tabviewHeaderMargin;
&:not(.p-disabled):focus-visible {
@include focused-inset();
}
}
&:not(.p-highlight):not(.p-disabled):hover {
.p-tabview-nav-link {
background: $tabviewHeaderHoverBg;
border-color: $tabviewHeaderHoverBorderColor;
color: $tabviewHeaderTextHoverColor;
}
}
&.p-highlight {
.p-tabview-nav-link {
background: $tabviewHeaderActiveBg;
border-color: $tabviewHeaderActiveBorderColor;
color: $tabviewHeaderTextActiveColor;
}
}
}
}
.p-tabview-close {
margin-left: $inlineSpacing;
}
.p-tabview-nav-btn.p-link {
background: $tabviewHeaderActiveBg;
color: $tabviewHeaderTextActiveColor;
width: $buttonIconOnlyWidth;
box-shadow: $raisedButtonShadow;
border-radius: 0;
&:focus-visible {
@include focused-inset();
}
}
.p-tabview-panels {
background: $tabviewContentBg;
padding: $tabviewContentPadding;
border: $tabviewContentBorder;
color: $tabviewContentTextColor;
border-bottom-right-radius: $borderRadius;
border-bottom-left-radius: $borderRadius;
}
}

11
public/theme/theme-base/components/panel/_toolbar.scss Normal file
View File

@@ -0,0 +1,11 @@
.p-toolbar {
background: $panelHeaderBg;
border: $panelHeaderBorder;
padding: $panelHeaderPadding;
border-radius: $borderRadius;
gap: $inlineSpacing;
.p-toolbar-separator {
margin: 0 $inlineSpacing;
}
}