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

72
public/theme/theme-base/components/overlay/_confirmpopup.scss Normal file
View File

@@ -0,0 +1,72 @@
.p-confirm-popup {
background: $overlayContentBg;
color: $panelContentTextColor;
border: $overlayContentBorder;
border-radius: $borderRadius;
box-shadow: $overlayContainerShadow;
.p-confirm-popup-content {
padding: $confirmPopupContentPadding;
}
.p-confirm-popup-footer {
text-align: right;
padding: $confirmPopupFooterPadding;
button {
margin: 0 $inlineSpacing 0 0;
width: auto;
&:last-child {
margin: 0;
}
}
}
&:after {
border: solid transparent;
border-color: rgba($overlayContentBg, 0);
border-bottom-color: $overlayContentBg;
}
&:before {
border: solid transparent;
@if (nth($overlayContentBorder, 2) == 'none') {
border-color: rgba($overlayContentBg, 0);
border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
}
@else {
border-color: rgba(nth($overlayContentBorder, 3), 0);
border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%);
}
}
&.p-confirm-popup-flipped {
&:after {
border-top-color: $overlayContentBg;
}
&:before {
@if (nth($overlayContentBorder, 2) == 'none') {
border-top-color: $overlayContentBg;
}
@else {
border-top-color: nth($overlayContentBorder, 3);
}
}
}
.p-confirm-popup-icon {
font-size: $primeIconFontSize * 1.5;
&.p-icon {
width: $primeIconFontSize * 1.5;
height: $primeIconFontSize * 1.5;
}
}
.p-confirm-popup-message {
margin-left: $inlineSpacing * 2;
}
}

76
public/theme/theme-base/components/overlay/_dialog.scss Normal file
View File

@@ -0,0 +1,76 @@
.p-dialog {
border-radius: $borderRadius;
box-shadow: $overlayContainerShadow;
border: $overlayContentBorder;
.p-dialog-header {
border-bottom: $dialogHeaderBorder;
background: $dialogHeaderBg;
color: $dialogHeaderTextColor;
padding: $dialogHeaderPadding;
border-top-right-radius: $borderRadius;
border-top-left-radius: $borderRadius;
.p-dialog-title {
font-weight: $dialogHeaderFontWeight;
font-size: $dialogHeaderFontSize;
}
.p-dialog-header-icon {
@include action-icon();
margin-right: $inlineSpacing;
&:last-child {
margin-right: 0;
}
}
}
.p-dialog-content {
background: $overlayContentBg;
color: $panelContentTextColor;
padding: $dialogContentPadding;
&:last-of-type {
border-bottom-right-radius: $borderRadius;
border-bottom-left-radius: $borderRadius;
}
}
.p-dialog-footer {
border-top: $dialogFooterBorder;
background: $overlayContentBg;
color: $panelFooterTextColor;
padding: $dialogFooterPadding;
text-align: right;
border-bottom-right-radius: $borderRadius;
border-bottom-left-radius: $borderRadius;
button {
margin: 0 $inlineSpacing 0 0;
width: auto;
}
}
&.p-dialog-maximized {
.p-dialog-header, .p-dialog-content:last-of-type {
border-radius: 0;
}
}
&.p-confirm-dialog {
.p-confirm-dialog-icon {
font-size: $primeIconFontSize * 2;
&.p-icon {
width: $primeIconFontSize * 2;
height: $primeIconFontSize * 2;
}
}
.p-confirm-dialog-message {
margin-left: $inlineSpacing * 2;
}
}
}

64
public/theme/theme-base/components/overlay/_overlaypanel.scss Normal file
View File

@@ -0,0 +1,64 @@
@use 'sass:math';
.p-overlaypanel {
background: $overlayContentBg;
color: $panelContentTextColor;
border: $overlayContentBorder;
border-radius: $borderRadius;
box-shadow: $overlayContainerShadow;
.p-overlaypanel-content {
padding: $panelContentPadding;
}
.p-overlaypanel-close {
background: $buttonBg;
color: $buttonTextColor;
width: $actionIconWidth;
height: $actionIconHeight;
transition: $actionIconTransition;
border-radius: $actionIconBorderRadius;
position: absolute;
top: math.div(-1 * $actionIconWidth, 2);
right: math.div(-1 * $actionIconWidth, 2);
&:enabled:hover {
background: $buttonHoverBg;
color: $buttonTextHoverColor;
}
}
&:after {
border: solid transparent;
border-color: rgba($overlayContentBg, 0);
border-bottom-color: $overlayContentBg;
}
&:before {
border: solid transparent;
@if (nth($overlayContentBorder, 2) == 'none') {
border-color: rgba($overlayContentBg, 0);
border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
}
@else {
border-color: rgba(nth($overlayContentBorder, 3), 0);
border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%);
}
}
&.p-overlaypanel-flipped {
&:after {
border-top-color: $overlayContentBg;
}
&:before {
@if (nth($overlayContentBorder, 2) == 'none') {
border-top-color: $overlayContentBg;
}
@else {
border-top-color: nth($overlayContentBorder, 3);
}
}
}
}

23
public/theme/theme-base/components/overlay/_sidebar.scss Normal file
View File

@@ -0,0 +1,23 @@
.p-sidebar {
background: $overlayContentBg;
color: $panelContentTextColor;
border: $overlayContentBorder;
box-shadow: $overlayContainerShadow;
.p-sidebar-header {
padding: $panelHeaderPadding;
.p-sidebar-close,
.p-sidebar-icon {
@include action-icon();
}
& + .p-sidebar-content {
padding-top: 0;
}
}
.p-sidebar-content {
padding: $panelContentPadding;
}
}

33
public/theme/theme-base/components/overlay/_tooltip.scss Normal file
View File

@@ -0,0 +1,33 @@
.p-tooltip {
.p-tooltip-text {
background: $tooltipBg;
color: $tooltipTextColor;
padding: $tooltipPadding;
box-shadow: $inputOverlayShadow;
border-radius: $borderRadius;
}
&.p-tooltip-right {
.p-tooltip-arrow {
border-right-color: $tooltipBg;
}
}
&.p-tooltip-left {
.p-tooltip-arrow {
border-left-color: $tooltipBg;
}
}
&.p-tooltip-top {
.p-tooltip-arrow {
border-top-color: $tooltipBg;
}
}
&.p-tooltip-bottom {
.p-tooltip-arrow {
border-bottom-color: $tooltipBg;
}
}
}