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

34
public/theme/theme-base/components/misc/_avatar.scss Normal file
View File

@@ -0,0 +1,34 @@
.p-avatar {
background-color: $avatarBg;
border-radius: $borderRadius;
&.p-avatar-lg {
width: 3rem;
height: 3rem;
font-size: 1.5rem;
.p-avatar-icon {
font-size: 1.5rem;
}
}
&.p-avatar-xl {
width: 4rem;
height: 4rem;
font-size: 2rem;
.p-avatar-icon {
font-size: 2rem;
}
}
}
.p-avatar-circle {
border-radius: 50%;
}
.p-avatar-group {
.p-avatar {
border: 2px solid $panelContentBg;
}
}

77
public/theme/theme-base/components/misc/_badge.scss Normal file
View File

@@ -0,0 +1,77 @@
.p-badge {
background: $badgeBg;
color: $badgeTextColor;
font-size: $badgeFontSize;
font-weight: $badgeFontWeight;
min-width: $badgeMinWidth;
height: $badgeHeight;
line-height: $badgeHeight;
&.p-badge-secondary {
background-color: $secondaryButtonBg;
color: $secondaryButtonTextColor;
}
&.p-badge-success {
background-color: $successButtonBg;
color: $successButtonTextColor;
}
&.p-badge-info {
background-color: $infoButtonBg;
color: $infoButtonTextColor;
}
&.p-badge-warning {
background-color: $warningButtonBg;
color: $warningButtonTextColor;
}
&.p-badge-danger {
background-color: $dangerButtonBg;
color: $dangerButtonTextColor;
}
&.p-badge-lg {
font-size: 1.5 * $badgeFontSize;
min-width: 1.5 * $badgeMinWidth;
height: 1.5 * $badgeHeight;
line-height: 1.5 * $badgeHeight;
}
&.p-badge-xl {
font-size: 2 * $badgeFontSize;
min-width: 2 * $badgeMinWidth;
height: 2 * $badgeHeight;
line-height: 2 * $badgeHeight;
}
}
.p-tag {
background: $badgeBg;
color: $badgeTextColor;
font-size: $badgeFontSize;
font-weight: $badgeFontWeight;
padding: $tagPadding;
border-radius: $borderRadius;
&.p-tag-success {
background-color: $successButtonBg;
color: $successButtonTextColor;
}
&.p-tag-info {
background-color: $infoButtonBg;
color: $infoButtonTextColor;
}
&.p-tag-warning {
background-color: $warningButtonBg;
color: $warningButtonTextColor;
}
&.p-tag-danger {
background-color: $dangerButtonBg;
color: $dangerButtonTextColor;
}
}

0
public/theme/theme-base/components/misc/_blockui.scss Normal file
View File

39
public/theme/theme-base/components/misc/_chip.scss Normal file
View File

@@ -0,0 +1,39 @@
@use 'sass:math';
.p-chip {
background-color: $chipBg;
color: $chipTextColor;
border-radius: $chipBorderRadius;
padding: 0 nth($inputPadding, 2);
.p-chip-text {
line-height: 1.5;
margin-top: math.div(nth($inputPadding, 1), 2);
margin-bottom: math.div(nth($inputPadding, 1), 2);
}
.p-chip-icon {
margin-right: $inlineSpacing;
}
img {
width: 1.5 + nth($inputPadding, 1);
height: 1.5 + nth($inputPadding, 1);
margin-left: -1 * nth($inputPadding, 2);
margin-right: $inlineSpacing;
}
.p-chip-remove-icon {
border-radius: $borderRadius;
transition: $actionIconTransition;
margin-left: $inlineSpacing;
&:focus-visible {
@include focused();
}
&:focus {
outline: 0 none;
}
}
}

17
public/theme/theme-base/components/misc/_inplace.scss Normal file
View File

@@ -0,0 +1,17 @@
.p-inplace {
.p-inplace-display {
padding: $inplacePadding;
border-radius: $borderRadius;
transition: $formElementTransition;
&:not(.p-disabled):hover {
background: $inplaceHoverBg;
color: $inplaceTextHoverColor;
}
&:focus {
@include focused();
}
}
}

17
public/theme/theme-base/components/misc/_progressbar.scss Normal file
View File

@@ -0,0 +1,17 @@
.p-progressbar {
border: $progressBarBorder;
height: $progressBarHeight;
background: $progressBarBg;
border-radius: $borderRadius;
.p-progressbar-value {
border: 0 none;
margin: 0;
background: $progressBarValueBg;
}
.p-progressbar-label {
color: $progressBarValueTextColor;
line-height: $progressBarHeight;
}
}

25
public/theme/theme-base/components/misc/_scrolltop.scss Normal file
View File

@@ -0,0 +1,25 @@
.p-scrolltop {
width: $scrollTopWidth;
height: $scrollTopHeight;
border-radius: $scrollTopBorderRadius;
box-shadow: $inputOverlayShadow;
transition: $actionIconTransition;
&.p-link {
background: $scrollTopBg;
&:hover {
background: $scrollTopHoverBg;
}
}
.p-scrolltop-icon {
font-size: $scrollTopFontSize;
color: $scrollTopTextColor;
&.p-icon {
width: $scrollTopFontSize;
height: $scrollTopFontSize;
}
}
}

8
public/theme/theme-base/components/misc/_skeleton.scss Normal file
View File

@@ -0,0 +1,8 @@
.p-skeleton {
background-color: $skeletonBg;
border-radius: $borderRadius;
&:after {
background: linear-gradient(90deg, rgba(255, 255, 255, 0), $skeletonAnimationBg, rgba(255, 255, 255, 0));
}
}

40
public/theme/theme-base/components/misc/_tag.scss Normal file
View File

@@ -0,0 +1,40 @@
@use 'sass:math';
.p-tag {
background: $badgeBg;
color: $badgeTextColor;
font-size: $badgeFontSize;
font-weight: $badgeFontWeight;
padding: $tagPadding;
border-radius: $borderRadius;
&.p-tag-success {
background-color: $successButtonBg;
color: $successButtonTextColor;
}
&.p-tag-info {
background-color: $infoButtonBg;
color: $infoButtonTextColor;
}
&.p-tag-warning {
background-color: $warningButtonBg;
color: $warningButtonTextColor;
}
&.p-tag-danger {
background-color: $dangerButtonBg;
color: $dangerButtonTextColor;
}
.p-tag-icon {
margin-right: math.div($inlineSpacing, 2);
font-size: $badgeFontSize;
&.p-icon {
width: $badgeFontSize;
height: $badgeFontSize;
}
}
}

12
public/theme/theme-base/components/misc/_terminal.scss Normal file
View File

@@ -0,0 +1,12 @@
.p-terminal {
background: $panelContentBg;
color: $panelContentTextColor;
border: $panelContentBorder;
padding: $panelContentPadding;
.p-terminal-input {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: $inputTextFontSize;
}
}