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

69
public/theme/theme-base/components/messages/_inlinemessage.scss Normal file
View File

@@ -0,0 +1,69 @@
.p-inline-message {
padding: $inlineMessagePadding;
margin: $inlineMessageMargin;
border-radius: $borderRadius;
&.p-inline-message-info {
background: $infoMessageBg;
border: $infoMessageBorder;
border-width: $inlineMessageBorderWidth;
color: $infoMessageTextColor;
.p-inline-message-icon {
color: $infoMessageIconColor;
}
}
&.p-inline-message-success {
background: $successMessageBg;
border: $successMessageBorder;
border-width: $inlineMessageBorderWidth;
color: $successMessageTextColor;
.p-inline-message-icon {
color: $successMessageIconColor;
}
}
&.p-inline-message-warn {
background: $warningMessageBg;
border: $warningMessageBorder;
border-width: $inlineMessageBorderWidth;
color: $warningMessageTextColor;
.p-inline-message-icon {
color: $warningMessageIconColor;
}
}
&.p-inline-message-error {
background: $errorMessageBg;
border: $errorMessageBorder;
border-width: $inlineMessageBorderWidth;
color: $errorMessageTextColor;
.p-inline-message-icon {
color: $errorMessageIconColor;
}
}
.p-inline-message-icon {
font-size: $inlineMessageIconFontSize;
margin-right: $inlineSpacing;
&.p-icon {
width: $inlineMessageIconFontSize;
height: $inlineMessageIconFontSize;
}
}
.p-inline-message-text {
font-size: $inlineMessageTextFontSize;
}
&.p-inline-message-icon-only {
.p-inline-message-icon {
margin-right: 0;
}
}
}

107
public/theme/theme-base/components/messages/_message.scss Normal file
View File

@@ -0,0 +1,107 @@
.p-message {
margin: $messageMargin;
border-radius: $borderRadius;
.p-message-wrapper {
padding: $messagePadding;
}
.p-message-close {
width: $actionIconWidth;
height: $actionIconHeight;
border-radius: $actionIconBorderRadius;
background: transparent;
transition: $actionIconTransition;
&:hover {
background: rgba(255,255,255,.5);
}
&:focus-visible {
@include focused();
}
}
&.p-message-info {
background: $infoMessageBg;
border: $infoMessageBorder;
border-width: $messageBorderWidth;
color: $infoMessageTextColor;
.p-message-icon {
color: $infoMessageIconColor;
}
.p-message-close {
color: $infoMessageIconColor;
}
}
&.p-message-success {
background: $successMessageBg;
border: $successMessageBorder;
border-width: $messageBorderWidth;
color: $successMessageTextColor;
.p-message-icon {
color: $successMessageIconColor;
}
.p-message-close {
color: $successMessageIconColor;
}
}
&.p-message-warn {
background: $warningMessageBg;
border: $warningMessageBorder;
border-width: $messageBorderWidth;
color: $warningMessageTextColor;
.p-message-icon {
color: $warningMessageIconColor;
}
.p-message-close {
color: $warningMessageIconColor;
}
}
&.p-message-error {
background: $errorMessageBg;
border: $errorMessageBorder;
border-width: $messageBorderWidth;
color: $errorMessageTextColor;
.p-message-icon {
color: $errorMessageIconColor;
}
.p-message-close {
color: $errorMessageIconColor;
}
}
.p-message-text {
font-size: $messageTextFontSize;
font-weight: $messageTextFontWeight;
}
.p-message-icon {
font-size: $messageIconFontSize;
margin-right: $inlineSpacing;
&.p-icon {
width: $messageIconFontSize;
height: $messageIconFontSize;
}
}
.p-message-summary {
font-weight: 700;
}
.p-message-detail {
margin-left: $inlineSpacing;
}
}

101
public/theme/theme-base/components/messages/_toast.scss Normal file
View File

@@ -0,0 +1,101 @@
.p-toast {
opacity: $toastOpacity;
.p-toast-message {
margin: $toastMargin;
box-shadow: $toastShadow;
border-radius: $borderRadius;
.p-toast-message-content {
padding: $toastPadding;
border-width: $toastBorderWidth;
.p-toast-message-text {
margin: $toastMessageTextMargin;
}
.p-toast-message-icon {
font-size: $toastIconFontSize;
&.p-icon {
width: $toastIconFontSize;
height: $toastIconFontSize;
}
}
.p-toast-summary {
font-weight: $toastTitleFontWeight;
}
.p-toast-detail {
margin: $toastDetailMargin;
}
}
.p-toast-icon-close {
width: $toastIconFontSize;
height: $toastIconFontSize;
border-radius: $actionIconBorderRadius;
background: transparent;
transition: $actionIconTransition;
&:hover {
background: rgba(255,255,255,.5);
}
&:focus-visible {
@include focused();
}
}
&.p-toast-message-info {
background: $infoMessageBg;
border: $infoMessageBorder;
border-width: $messageBorderWidth;
color: $infoMessageTextColor;
.p-toast-message-icon,
.p-toast-icon-close {
color: $infoMessageIconColor;
}
}
&.p-toast-message-success {
background: $successMessageBg;
border: $successMessageBorder;
border-width: $messageBorderWidth;
color: $successMessageTextColor;
.p-toast-message-icon,
.p-toast-icon-close {
color: $successMessageIconColor;
}
}
&.p-toast-message-warn {
background: $warningMessageBg;
border: $warningMessageBorder;
border-width: $messageBorderWidth;
color: $warningMessageTextColor;
.p-toast-message-icon,
.p-toast-icon-close {
color: $warningMessageIconColor;
}
}
&.p-toast-message-error {
background: $errorMessageBg;
border: $errorMessageBorder;
border-width: $messageBorderWidth;
color: $errorMessageTextColor;
.p-toast-message-icon,
.p-toast-icon-close {
color: $errorMessageIconColor;
}
}
}
}