From 665a2905c2a4b8d7786e4d347207b56706867c9b Mon Sep 17 00:00:00 2001 From: Saleh Yusefnejad Date: Sat, 3 Aug 2024 20:00:07 +0330 Subject: [PATCH 1/3] update Platform website for new version of BlazorUI #8207 --- .../Pages/AboutUsPage.razor.scss | 3 +- .../Pages/CodeBox.razor.scss | 4 +- .../Pages/ContactUsPage.razor.scss | 7 +- .../Pages/Home/HomePage.razor.scss | 2 +- .../Pages/Home/Products.razor.scss | 3 +- .../Pages/PricingPage.razor.scss | 2 +- .../Templates02SamplesPage.razor.scss | 2 +- .../Templates03GettingStartedPage.razor.scss | 2 +- .../Templates04CreateProjectPage.razor.scss | 2 +- ...Templates05ProjectStructurePage.razor.scss | 2 +- .../Templates06DatabasePage.razor.scss | 2 +- .../Templates/Templates07RunPage.razor.scss | 2 +- .../Templates08AppModelsPage.razor.scss | 2 +- .../Templates09DeploymentTypePage.razor.scss | 2 +- .../Templates10CacheMechanismPage.razor.scss | 2 +- .../Templates11DevOpsPage.razor.scss | 2 +- ...plates12PlatformIntegrationPage.razor.scss | 2 +- .../Templates13SettingsPage.razor.scss | 2 +- ...emplates14ExceptionHandlingPage.razor.scss | 2 +- .../Templates15MultilingualismPage.razor.scss | 2 +- .../Shared/AppErrorBoundary.razor.scss | 2 +- .../Shared/Footer.razor.scss | 12 +- .../Shared/Header.razor.scss | 22 +-- .../Shared/MainLayout.razor.scss | 6 +- .../Shared/NavMenu.razor | 5 +- .../Shared/NavMenu.razor.scss | 4 +- .../Shared/NavigationButtons.razor.scss | 6 +- .../Styles/abstracts/_bit-css-variables.scss | 175 ++++++++++++------ .../Styles/abstracts/_mixins.scss | 2 +- .../Styles/app.scss | 16 +- .../Styles/bit-css-variables.scss | 123 ------------ 31 files changed, 177 insertions(+), 245 deletions(-) delete mode 100644 src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/bit-css-variables.scss diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/AboutUsPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/AboutUsPage.razor.scss index f890e615d2..d2b15d4015 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/AboutUsPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/AboutUsPage.razor.scss @@ -1,5 +1,4 @@ -@import '../Styles/bit-css-variables.scss'; -@import '../Styles/abstracts/_colors.scss'; +@import '../Styles/abstracts/_colors.scss'; @import '../Styles/abstracts/_mixins.scss'; @import '../Styles/abstracts/_functions.scss'; @import '../Styles/abstracts/_media-queries.scss'; diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/CodeBox.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/CodeBox.razor.scss index 67bbcdbee1..7dd594ad17 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/CodeBox.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/CodeBox.razor.scss @@ -1,7 +1,7 @@ @import '../Styles/abstracts/_colors.scss'; @import '../Styles/abstracts/_functions.scss'; @import '../Styles/abstracts/_media-queries.scss'; -@import '../Styles/bit-css-variables.scss'; +@import '../Styles/abstracts/_bit-css-variables.scss'; .code-box { position: relative; @@ -17,7 +17,7 @@ margin-bottom: rem2(32px); padding: rem2(12px) rem2(48px) rem2(12px) rem2(16px); background-color: $bit-color-background-secondary; - border-left: rem2(2px) solid $bit-color-primary-main; + border-left: rem2(2px) solid $bit-color-primary; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; &::-webkit-scrollbar { diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ContactUsPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ContactUsPage.razor.scss index 6ed638681c..7f1f7064a1 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ContactUsPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ContactUsPage.razor.scss @@ -1,5 +1,4 @@ -@import '../Styles/bit-css-variables.scss'; -@import '../Styles/abstracts/_colors.scss'; +@import '../Styles/abstracts/_colors.scss'; @import '../Styles/abstracts/_mixins.scss'; @import '../Styles/abstracts/_functions.scss'; @import '../Styles/abstracts/_media-queries.scss'; @@ -29,7 +28,7 @@ padding-right: rem2(20px); a { - color: $bit-color-primary-main; + color: $bit-color-primary; } } @@ -69,6 +68,6 @@ text-align: left; font-size: rem2(12px); margin-top: rem2(-25px); - color: $bit-color-state-error; + color: $bit-color-error; } } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Home/HomePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Home/HomePage.razor.scss index ad0eb40dc1..007c0e5a30 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Home/HomePage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Home/HomePage.razor.scss @@ -1,5 +1,5 @@ @import '../../Styles/abstracts/_vars.scss'; -@import '../../Styles/bit-css-variables.scss'; +@import '../../Styles/abstracts/_bit-css-variables.scss'; @import '../../Styles/abstracts/_colors.scss'; @import '../../Styles/abstracts/_functions.scss'; @import '../../Styles/abstracts/_media-queries.scss'; diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Home/Products.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Home/Products.razor.scss index ab2b1125a9..f5f19066ef 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Home/Products.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Home/Products.razor.scss @@ -1,6 +1,5 @@ @import '../../Styles/abstracts/_mixins.scss'; @import '../../Styles/abstracts/_functions.scss'; -@import '../../Styles/abstracts/_bit-css-variables.scss'; ::deep .accordion { border: none; @@ -217,7 +216,7 @@ flex-flow: row nowrap; line-height: rem2(32px); transition: all 0.2s linear; - color: $bit-color-primary-main; + color: $bit-color-primary; .template-link-arrow { width: rem2(16px); diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/PricingPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/PricingPage.razor.scss index 863ecc8c2b..7209cb68d1 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/PricingPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/PricingPage.razor.scss @@ -147,7 +147,7 @@ text-align: left; font-size: rem2(12px); margin-top: rem2(-20px); - color: $bit-color-state-error; + color: $bit-color-error; } .close-btn { diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor.scss index 6e9d22dcca..78416fe627 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates02SamplesPage.razor.scss @@ -188,5 +188,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03GettingStartedPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03GettingStartedPage.razor.scss index e444472b81..351d15a114 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03GettingStartedPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03GettingStartedPage.razor.scss @@ -25,7 +25,7 @@ ::deep { a { - color: $bit-color-primary-main; + color: $bit-color-primary; } .nuget-link-btn { diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04CreateProjectPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04CreateProjectPage.razor.scss index 8e47e57681..b8e83d9149 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04CreateProjectPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates04CreateProjectPage.razor.scss @@ -32,7 +32,7 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } .image-container { diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05ProjectStructurePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05ProjectStructurePage.razor.scss index 7801677721..c367b62389 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05ProjectStructurePage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates05ProjectStructurePage.razor.scss @@ -45,5 +45,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06DatabasePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06DatabasePage.razor.scss index 8028de3beb..b838d14427 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06DatabasePage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates06DatabasePage.razor.scss @@ -44,5 +44,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07RunPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07RunPage.razor.scss index 035b5e8f55..59ff5f40e9 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07RunPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates07RunPage.razor.scss @@ -48,5 +48,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08AppModelsPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08AppModelsPage.razor.scss index 035b5e8f55..59ff5f40e9 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08AppModelsPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates08AppModelsPage.razor.scss @@ -48,5 +48,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09DeploymentTypePage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09DeploymentTypePage.razor.scss index 8028de3beb..b838d14427 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09DeploymentTypePage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates09DeploymentTypePage.razor.scss @@ -44,5 +44,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10CacheMechanismPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10CacheMechanismPage.razor.scss index b9f39156a2..86d8982cc6 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10CacheMechanismPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates10CacheMechanismPage.razor.scss @@ -33,5 +33,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11DevOpsPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11DevOpsPage.razor.scss index 8028de3beb..b838d14427 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11DevOpsPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates11DevOpsPage.razor.scss @@ -44,5 +44,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12PlatformIntegrationPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12PlatformIntegrationPage.razor.scss index 8028de3beb..b838d14427 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12PlatformIntegrationPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates12PlatformIntegrationPage.razor.scss @@ -44,5 +44,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13SettingsPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13SettingsPage.razor.scss index 8028de3beb..b838d14427 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13SettingsPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates13SettingsPage.razor.scss @@ -44,5 +44,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14ExceptionHandlingPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14ExceptionHandlingPage.razor.scss index b9f39156a2..86d8982cc6 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14ExceptionHandlingPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates14ExceptionHandlingPage.razor.scss @@ -33,5 +33,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates15MultilingualismPage.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates15MultilingualismPage.razor.scss index 8028de3beb..b838d14427 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates15MultilingualismPage.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates15MultilingualismPage.razor.scss @@ -44,5 +44,5 @@ } ::deep a { - color: $bit-color-primary-main; + color: $bit-color-primary; } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/AppErrorBoundary.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/AppErrorBoundary.razor.scss index 8f7dd9ea2e..01f1668cc7 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/AppErrorBoundary.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/AppErrorBoundary.razor.scss @@ -18,7 +18,7 @@ } .title { - color: $bit-color-state-error; + color: $bit-color-error; } .exception { diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Footer.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Footer.razor.scss index 95f97321b4..e049c89bf6 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Footer.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Footer.razor.scss @@ -1,7 +1,7 @@ -@import '../Styles/bit-css-variables.scss'; -@import '../Styles/abstracts/_colors.scss'; +@import '../Styles/abstracts/_colors.scss'; @import '../Styles/abstracts/_functions.scss'; @import '../Styles/abstracts/_media-queries.scss'; +@import '../Styles/abstracts/_bit-css-variables.scss'; footer { width: 100%; @@ -84,7 +84,7 @@ footer { background-color: $bit-color-background-secondary; &:hover { - background-color: $bit-color-action-hover-background-secondary; + background-color: $bit-color-background-secondary-hover; } } @@ -108,10 +108,10 @@ footer { } .address, .tel { - color: $bit-color-primary-main; + color: $bit-color-primary; &:hover { - color: $bit-color-action-hover-primary; + color: $bit-color-primary-hover; } } @@ -152,7 +152,7 @@ footer { font-size: rem2(14px); text-decoration: none; margin-top: rem2(10px); - color: $bit-color-primary-main; + color: $bit-color-primary; &:hover { text-decoration: underline; diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss index afd0dbbfc2..d8efc2892a 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor.scss @@ -1,8 +1,8 @@ -@import '../Styles/bit-css-variables.scss'; -@import '../Styles/abstracts/_vars.scss'; +@import '../Styles/abstracts/_vars.scss'; @import '../Styles/abstracts/_colors.scss'; @import '../Styles/abstracts/_functions.scss'; @import '../Styles/abstracts/_media-queries.scss'; +@import '../Styles/abstracts/_bit-css-variables.scss'; .main-header { top: 0; @@ -76,15 +76,15 @@ color: $bit-color-foreground-secondary; &:hover { - color: $bit-color-action-hover-foreground-secondary; + color: $bit-color-foreground-secondary-hover; } } .header-link--active { - color: $bit-color-primary-main; + color: $bit-color-primary; &:hover { - color: $bit-color-primary-main; + color: $bit-color-primary; } } @@ -124,7 +124,7 @@ border-radius: 50%; min-width: rem2(35px); color: $bit-color-primary-text; - background-color: $bit-color-primary-main; + background-color: $bit-color-primary; .icon-container { height: 100%; @@ -195,7 +195,7 @@ } .header-nav-link--active { - color: $bit-color-primary-main; + color: $bit-color-primary; } ::deep { @@ -206,7 +206,7 @@ width: rem2(44px); height: rem2(44px); position: absolute; - color: $bit-color-primary-main; + color: $bit-color-primary; } .header-action-button { @@ -267,7 +267,7 @@ .col-header { font-weight: 700; font-size: rem2(16px); - color: $bit-color-primary-main; + color: $bit-color-primary; padding: rem2(8px) rem2(16px) rem2(20px); } @@ -283,12 +283,12 @@ transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms; &:hover { - background-color: $bit-color-action-hover-background-primary; + background-color: $bit-color-background-primary-hover; } &.active { .item-title { - color: $bit-color-primary-main; + color: $bit-color-primary; } } } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.scss index bd7c1da01c..22a5180ee3 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/MainLayout.razor.scss @@ -1,8 +1,8 @@ -@import '../Styles/bit-css-variables.scss'; -@import '../Styles/abstracts/_vars.scss'; +@import '../Styles/abstracts/_vars.scss'; @import '../Styles/abstracts/_colors.scss'; @import '../Styles/abstracts/_functions.scss'; @import '../Styles/abstracts/_media-queries.scss'; +@import '../Styles/abstracts/_bit-css-variables.scss'; .main { width: 100%; @@ -71,7 +71,7 @@ ::deep { .blue-txt { - color: $bit-color-primary-main; + color: $bit-color-primary; } code { diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor index 0bec3ba23f..853b850b8b 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor @@ -20,9 +20,8 @@ }
-
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor.scss index 743c02ebae..3c7560ae4b 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavMenu.razor.scss @@ -1,8 +1,8 @@ -@import '../Styles/bit-css-variables.scss'; -@import '../Styles/abstracts/_vars.scss'; +@import '../Styles/abstracts/_vars.scss'; @import '../Styles/abstracts/_colors.scss'; @import '../Styles/abstracts/_functions.scss'; @import '../Styles/abstracts/_media-queries.scss'; +@import '../Styles/abstracts/_bit-css-variables.scss'; .nav-menu { left: 0; diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavigationButtons.razor.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavigationButtons.razor.scss index e69881358f..ea93afb7f7 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavigationButtons.razor.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/NavigationButtons.razor.scss @@ -1,6 +1,6 @@ -@import '../Styles/bit-css-variables.scss'; -@import '../Styles/abstracts/_colors.scss'; +@import '../Styles/abstracts/_colors.scss'; @import '../Styles/abstracts/_media-queries.scss'; +@import '../Styles/abstracts/_bit-css-variables.scss'; .container { height: 3rem; @@ -26,7 +26,7 @@ outline: none; display: flex; align-items: center; - color: $bit-color-primary-main; + color: $bit-color-primary; .right { padding-right: 0.5rem; diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/abstracts/_bit-css-variables.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/abstracts/_bit-css-variables.scss index b715b9c518..9a08fda500 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/abstracts/_bit-css-variables.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/abstracts/_bit-css-variables.scss @@ -1,71 +1,130 @@ /*-------- Colors --------*/ -$bit-color-primary-main: var(--bit-clr-primary-main); -$bit-color-primary-dark: var(--bit-clr-primary-dark); -$bit-color-primary-light: var(--bit-clr-primary-light); -$bit-color-primary-text: var(--bit-clr-primary-text); +//primary +$bit-color-primary: var(--bit-clr-pri); +$bit-color-primary-hover: var(--bit-clr-pri-hover); +$bit-color-primary-active: var(--bit-clr-pri-active); +$bit-color-primary-dark: var(--bit-clr-pri-dark); +$bit-color-primary-dark-hover: var(--bit-clr-pri-dark-hover); +$bit-color-primary-dark-active: var(--bit-clr-pri-dark-active); +$bit-color-primary-light: var(--bit-clr-pri-light); +$bit-color-primary-light-hover: var(--bit-clr-pri-light-hover); +$bit-color-primary-light-active: var(--bit-clr-pri-light-active); +$bit-color-primary-text: var(--bit-clr-pri-text); -$bit-color-secondary-main: var(--bit-clr-secondary-main); -$bit-color-secondary-dark: var(--bit-clr-secondary-dark); -$bit-color-secondary-light: var(--bit-clr-secondary-light); -$bit-color-secondary-text: var(--bit-clr-secondary-text); +//secondary +$bit-color-secondary: var(--bit-clr-sec); +$bit-color-secondary-hover: var(--bit-clr-sec-hover); +$bit-color-secondary-active: var(--bit-clr-sec-active); +$bit-color-secondary-dark: var(--bit-clr-sec-dark); +$bit-color-secondary-dark-hover: var(--bit-clr-sec-dark-hover); +$bit-color-secondary-dark-active: var(--bit-clr-sec-dark-active); +$bit-color-secondary-light: var(--bit-clr-sec-light); +$bit-color-secondary-light-hover: var(--bit-clr-sec-light-hover); +$bit-color-secondary-light-active: var(--bit-clr-sec-light-active); +$bit-color-secondary-text: var(--bit-clr-sec-text); + +//tertiary +$bit-color-tertiary: var(--bit-clr-ter); +$bit-color-tertiary-hover: var(--bit-clr-ter-hover); +$bit-color-tertiary-active: var(--bit-clr-ter-active); +$bit-color-tertiary-dark: var(--bit-clr-ter-dark); +$bit-color-tertiary-dark-hover: var(--bit-clr-ter-dark-hover); +$bit-color-tertiary-dark-active: var(--bit-clr-ter-dark-active); +$bit-color-tertiary-light: var(--bit-clr-ter-light); +$bit-color-tertiary-light-hover: var(--bit-clr-ter-light-hover); +$bit-color-tertiary-light-active: var(--bit-clr-ter-light-active); +$bit-color-tertiary-text: var(--bit-clr-ter-text); + +//info +$bit-color-info: var(--bit-clr-inf); +$bit-color-info-hover: var(--bit-clr-inf-hover); +$bit-color-info-active: var(--bit-clr-inf-active); +$bit-color-info-dark: var(--bit-clr-inf-dark); +$bit-color-info-dark-hover: var(--bit-clr-inf-dark-hover); +$bit-color-info-dark-active: var(--bit-clr-inf-dark-active); +$bit-color-info-light: var(--bit-clr-inf-light); +$bit-color-info-light-hover: var(--bit-clr-inf-light-hover); +$bit-color-info-light-active: var(--bit-clr-inf-light-active); +$bit-color-info-text: var(--bit-clr-inf-text); + +//success +$bit-color-success: var(--bit-clr-suc); +$bit-color-success-hover: var(--bit-clr-suc-hover); +$bit-color-success-active: var(--bit-clr-suc-active); +$bit-color-success-dark: var(--bit-clr-suc-dark); +$bit-color-success-dark-hover: var(--bit-clr-suc-dark-hover); +$bit-color-success-dark-active: var(--bit-clr-suc-dark-active); +$bit-color-success-light: var(--bit-clr-suc-light); +$bit-color-success-light-hover: var(--bit-clr-suc-light-hover); +$bit-color-success-light-active: var(--bit-clr-suc-light-active); +$bit-color-success-text: var(--bit-clr-suc-text); + +//warning +$bit-color-warning: var(--bit-clr-wrn); +$bit-color-warning-hover: var(--bit-clr-wrn-hover); +$bit-color-warning-active: var(--bit-clr-wrn-active); +$bit-color-warning-dark: var(--bit-clr-wrn-dark); +$bit-color-warning-dark-hover: var(--bit-clr-wrn-dark-hover); +$bit-color-warning-dark-active: var(--bit-clr-wrn-dark-active); +$bit-color-warning-light: var(--bit-clr-wrn-light); +$bit-color-warning-light-hover: var(--bit-clr-wrn-light-hover); +$bit-color-warning-light-active: var(--bit-clr-wrn-light-active); +$bit-color-warning-text: var(--bit-clr-wrn-text); + +//severe-warning +$bit-color-severe-warning: var(--bit-clr-swr); +$bit-color-severe-warning-hover: var(--bit-clr-swr-hover); +$bit-color-severe-warning-active: var(--bit-clr-swr-active); +$bit-color-severe-warning-dark: var(--bit-clr-swr-dark); +$bit-color-severe-warning-dark-hover: var(--bit-clr-swr-dark-hover); +$bit-color-severe-warning-dark-active: var(--bit-clr-swr-dark-active); +$bit-color-severe-warning-light: var(--bit-clr-swr-light); +$bit-color-severe-warning-light-hover: var(--bit-clr-swr-light-hover); +$bit-color-severe-warning-light-active: var(--bit-clr-swr-light-active); +$bit-color-severe-warning-text: var(--bit-clr-swr-text); + +//error +$bit-color-error: var(--bit-clr-err); +$bit-color-error-hover: var(--bit-clr-err-hover); +$bit-color-error-active: var(--bit-clr-err-active); +$bit-color-error-dark: var(--bit-clr-err-dark); +$bit-color-error-dark-hover: var(--bit-clr-err-dark-hover); +$bit-color-error-dark-active: var(--bit-clr-err-dark-active); +$bit-color-error-light: var(--bit-clr-err-light); +$bit-color-error-light-hover: var(--bit-clr-err-light-hover); +$bit-color-error-light-active: var(--bit-clr-err-light-active); +$bit-color-error-text: var(--bit-clr-err-text); //foreground -$bit-color-foreground-primary: var(--bit-clr-fg-primary); -$bit-color-foreground-secondary: var(--bit-clr-fg-secondary); -$bit-color-foreground-disabled: var(--bit-clr-fg-disabled); +$bit-color-foreground-primary: var(--bit-clr-fg-pri); +$bit-color-foreground-primary-hover: var(--bit-clr-fg-pri-hover); +$bit-color-foreground-primary-active: var(--bit-clr-fg-pri-active); +$bit-color-foreground-secondary: var(--bit-clr-fg-sec); +$bit-color-foreground-secondary-hover: var(--bit-clr-fg-sec-hover); +$bit-color-foreground-secondary-active: var(--bit-clr-fg-sec-hover); +$bit-color-foreground-disabled: var(--bit-clr-fg-dis); //backgrounds -$bit-color-background-primary: var(--bit-clr-bg-primary); -$bit-color-background-secondary: var(--bit-clr-bg-secondary); -$bit-color-background-disabled: var(--bit-clr-bg-disabled); +$bit-color-background-primary: var(--bit-clr-bg-pri); +$bit-color-background-primary-hover: var(--bit-clr-bg-pri-hover); +$bit-color-background-primary-active: var(--bit-clr-bg-pri-active); +$bit-color-background-secondary: var(--bit-clr-bg-sec); +$bit-color-background-secondary-hover: var(--bit-clr-bg-sec-hover); +$bit-color-background-secondary-active: var(--bit-clr-bg-sec-active); +$bit-color-background-disabled: var(--bit-clr-bg-dis); $bit-color-background-overlay: var(--bit-clr-bg-overlay); //borders -$bit-color-border-primary: var(--bit-clr-brd-primary); -$bit-color-border-secondary: var(--bit-clr-brd-secondary); -$bit-color-border-disabled: var(--bit-clr-brd-disabled); - -//actions -$bit-color-action-hover-primary: var(--bit-clr-act-hover-pri); -$bit-color-action-active-primary: var(--bit-clr-act-active-pri); -$bit-color-action-hover-primary-dark: var(--bit-clr-act-hover-pri-dark); -$bit-color-action-active-primary-dark: var(--bit-clr-act-active-pri-dark); -$bit-color-action-hover-primary-light: var(--bit-clr-act-hover-pri-light); -$bit-color-action-active-primary-light: var(--bit-clr-act-active-pri-light); -$bit-color-action-hover-secondary: var(--bit-clr-act-hover-sec); -$bit-color-action-active-secondary: var(--bit-clr-act-active-sec); -$bit-color-action-hover-secondary-dark: var(--bit-clr-act-hover-sec-dark); -$bit-color-action-active-secondary-dark: var(--bit-clr-act-active-sec-dark); -$bit-color-action-hover-secondary-light: var(--bit-clr-act-hover-sec-light); -$bit-color-action-active-secondary-light: var(--bit-clr-act-active-sec-light); -//actions-foreground -$bit-color-action-hover-foreground-primary: var(--bit-clr-act-hover-fg-pri); -$bit-color-action-active-foreground-primary: var(--bit-clr-act-active-fg-pri); -$bit-color-action-hover-foreground-secondary: var(--bit-clr-act-hover-fg-sec); -$bit-color-action-active-foreground-secondary: var(--bit-clr-act-hover-fg-sec); -//actions-backgrounds -$bit-color-action-hover-background-primary: var(--bit-clr-act-hover-bg-pri); -$bit-color-action-active-background-primary: var(--bit-clr-act-active-bg-pri); -$bit-color-action-hover-background-secondary: var(--bit-clr-act-hover-bg-sec); -$bit-color-action-active-background-secondary: var(--bit-clr-act-active-bg-sec); -//actions-borders -$bit-color-action-hover-border-primary: var(--bit-clr-act-hover-brd-pri); -$bit-color-action-active-border-primary: var(--bit-clr-act-active-brd-pri); -$bit-color-action-hover-border-secondary: var(--bit-clr-act-hover-brd-sec); -$bit-color-action-active-border-secondary: var(--bit-clr-act-active-brd-sec); +$bit-color-border-primary: var(--bit-clr-brd-pri); +$bit-color-border-primary-hover: var(--bit-clr-brd-pri-hover); +$bit-color-border-primary-active: var(--bit-clr-brd-pri-active); +$bit-color-border-secondary: var(--bit-clr-brd-sec); +$bit-color-border-secondary-hover: var(--bit-clr-brd-sec-hover); +$bit-color-border-secondary-active: var(--bit-clr-brd-sec-active); +$bit-color-border-disabled: var(--bit-clr-brd-dis); -//states -$bit-color-state-info: var(--bit-clr-sta-info); -$bit-color-state-info-bg: var(--bit-clr-sta-info-bg); -$bit-color-state-success: var(--bit-clr-sta-success); -$bit-color-state-success-bg: var(--bit-clr-sta-success-bg); -$bit-color-state-warning: var(--bit-clr-sta-warning); -$bit-color-state-warning-bg: var(--bit-clr-sta-warning-bg); -$bit-color-state-severe-warning: var(--bit-clr-sta-severe-warning); -$bit-color-state-severe-warning-bg: var(--bit-clr-sta-severe-warning-bg); -$bit-color-state-error: var(--bit-clr-sta-error); -$bit-color-state-error-bg: var(--bit-clr-sta-error-bg); -$bit-color-state-required: var(--bit-clr-sta-req); +//required +$bit-color-requried: var(--bit-clr-req); //neutrals $bit-color-neutrals-white: var(--bit-clr-ntr-white); diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/abstracts/_mixins.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/abstracts/_mixins.scss index 7a46497f6b..2bf92e80be 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/abstracts/_mixins.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/abstracts/_mixins.scss @@ -2,7 +2,7 @@ @import '_colors.scss'; @import '_functions.scss'; @import '_media-queries.scss'; -@import '../bit-css-variables.scss'; +@import '_bit-css-variables.scss'; @mixin PageContainer { width: 100%; diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/app.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/app.scss index b97ad7d8e5..d4a72cc8f8 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/app.scss +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/app.scss @@ -1,12 +1,12 @@ :root[bit-theme="dark"] { - --bit-clr-bg-primary: #060E2D; - --bit-clr-bg-secondary: #0a153d; - --bit-clr-secondary-main: transparent; - --bit-clr-act-hover-sec: #061342; - --bit-clr-act-hover-bg-pri: #07154a; - --bit-clr-act-active-bg-pri: #061241; - --bit-clr-act-hover-bg-sec: #07154a; - --bit-clr-fg-secondary: #dddddd; + --bit-clr-sec: transparent; + --bit-clr-sec-hover: #061342; + --bit-clr-bg-pri: #060E2D; + --bit-clr-bg-sec: #0a153d; + --bit-clr-bg-pri-hover: #07154a; + --bit-clr-bg-pri-active: #061241; + --bit-clr-bg-sec-hover: #07154a; + --bit-clr-fg-sec: #dddddd; } * { diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/bit-css-variables.scss b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/bit-css-variables.scss deleted file mode 100644 index b715b9c518..0000000000 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Styles/bit-css-variables.scss +++ /dev/null @@ -1,123 +0,0 @@ -/*-------- Colors --------*/ -$bit-color-primary-main: var(--bit-clr-primary-main); -$bit-color-primary-dark: var(--bit-clr-primary-dark); -$bit-color-primary-light: var(--bit-clr-primary-light); -$bit-color-primary-text: var(--bit-clr-primary-text); - -$bit-color-secondary-main: var(--bit-clr-secondary-main); -$bit-color-secondary-dark: var(--bit-clr-secondary-dark); -$bit-color-secondary-light: var(--bit-clr-secondary-light); -$bit-color-secondary-text: var(--bit-clr-secondary-text); - -//foreground -$bit-color-foreground-primary: var(--bit-clr-fg-primary); -$bit-color-foreground-secondary: var(--bit-clr-fg-secondary); -$bit-color-foreground-disabled: var(--bit-clr-fg-disabled); - -//backgrounds -$bit-color-background-primary: var(--bit-clr-bg-primary); -$bit-color-background-secondary: var(--bit-clr-bg-secondary); -$bit-color-background-disabled: var(--bit-clr-bg-disabled); -$bit-color-background-overlay: var(--bit-clr-bg-overlay); - -//borders -$bit-color-border-primary: var(--bit-clr-brd-primary); -$bit-color-border-secondary: var(--bit-clr-brd-secondary); -$bit-color-border-disabled: var(--bit-clr-brd-disabled); - -//actions -$bit-color-action-hover-primary: var(--bit-clr-act-hover-pri); -$bit-color-action-active-primary: var(--bit-clr-act-active-pri); -$bit-color-action-hover-primary-dark: var(--bit-clr-act-hover-pri-dark); -$bit-color-action-active-primary-dark: var(--bit-clr-act-active-pri-dark); -$bit-color-action-hover-primary-light: var(--bit-clr-act-hover-pri-light); -$bit-color-action-active-primary-light: var(--bit-clr-act-active-pri-light); -$bit-color-action-hover-secondary: var(--bit-clr-act-hover-sec); -$bit-color-action-active-secondary: var(--bit-clr-act-active-sec); -$bit-color-action-hover-secondary-dark: var(--bit-clr-act-hover-sec-dark); -$bit-color-action-active-secondary-dark: var(--bit-clr-act-active-sec-dark); -$bit-color-action-hover-secondary-light: var(--bit-clr-act-hover-sec-light); -$bit-color-action-active-secondary-light: var(--bit-clr-act-active-sec-light); -//actions-foreground -$bit-color-action-hover-foreground-primary: var(--bit-clr-act-hover-fg-pri); -$bit-color-action-active-foreground-primary: var(--bit-clr-act-active-fg-pri); -$bit-color-action-hover-foreground-secondary: var(--bit-clr-act-hover-fg-sec); -$bit-color-action-active-foreground-secondary: var(--bit-clr-act-hover-fg-sec); -//actions-backgrounds -$bit-color-action-hover-background-primary: var(--bit-clr-act-hover-bg-pri); -$bit-color-action-active-background-primary: var(--bit-clr-act-active-bg-pri); -$bit-color-action-hover-background-secondary: var(--bit-clr-act-hover-bg-sec); -$bit-color-action-active-background-secondary: var(--bit-clr-act-active-bg-sec); -//actions-borders -$bit-color-action-hover-border-primary: var(--bit-clr-act-hover-brd-pri); -$bit-color-action-active-border-primary: var(--bit-clr-act-active-brd-pri); -$bit-color-action-hover-border-secondary: var(--bit-clr-act-hover-brd-sec); -$bit-color-action-active-border-secondary: var(--bit-clr-act-active-brd-sec); - -//states -$bit-color-state-info: var(--bit-clr-sta-info); -$bit-color-state-info-bg: var(--bit-clr-sta-info-bg); -$bit-color-state-success: var(--bit-clr-sta-success); -$bit-color-state-success-bg: var(--bit-clr-sta-success-bg); -$bit-color-state-warning: var(--bit-clr-sta-warning); -$bit-color-state-warning-bg: var(--bit-clr-sta-warning-bg); -$bit-color-state-severe-warning: var(--bit-clr-sta-severe-warning); -$bit-color-state-severe-warning-bg: var(--bit-clr-sta-severe-warning-bg); -$bit-color-state-error: var(--bit-clr-sta-error); -$bit-color-state-error-bg: var(--bit-clr-sta-error-bg); -$bit-color-state-required: var(--bit-clr-sta-req); - -//neutrals -$bit-color-neutrals-white: var(--bit-clr-ntr-white); -$bit-color-neutrals-black: var(--bit-clr-ntr-black); -$bit-color-neutrals-gray10: var(--bit-clr-ntr-gray10); -$bit-color-neutrals-gray20: var(--bit-clr-ntr-gray20); -$bit-color-neutrals-gray30: var(--bit-clr-ntr-gray30); -$bit-color-neutrals-gray40: var(--bit-clr-ntr-gray40); -$bit-color-neutrals-gray50: var(--bit-clr-ntr-gray50); -$bit-color-neutrals-gray60: var(--bit-clr-ntr-gray60); -$bit-color-neutrals-gray70: var(--bit-clr-ntr-gray70); -$bit-color-neutrals-gray80: var(--bit-clr-ntr-gray80); -$bit-color-neutrals-gray90: var(--bit-clr-ntr-gray90); -$bit-color-neutrals-gray100: var(--bit-clr-ntr-gray100); -$bit-color-neutrals-gray110: var(--bit-clr-ntr-gray110); -$bit-color-neutrals-gray120: var(--bit-clr-ntr-gray120); -$bit-color-neutrals-gray130: var(--bit-clr-ntr-gray130); -$bit-color-neutrals-gray140: var(--bit-clr-ntr-gray140); -$bit-color-neutrals-gray150: var(--bit-clr-ntr-gray150); -$bit-color-neutrals-gray160: var(--bit-clr-ntr-gray160); -$bit-color-neutrals-gray170: var(--bit-clr-ntr-gray170); -$bit-color-neutrals-gray180: var(--bit-clr-ntr-gray180); -$bit-color-neutrals-gray190: var(--bit-clr-ntr-gray190); -$bit-color-neutrals-gray200: var(--bit-clr-ntr-gray200); -$bit-color-neutrals-gray210: var(--bit-clr-ntr-gray210); -$bit-color-neutrals-gray220: var(--bit-clr-ntr-gray220); - -//shadows-callout -$bit-box-shadow-callout: var(--bit-shd-cal); - -//shadows -$bit-box-shadow-1: var(--bit-shd-1); -$bit-box-shadow-2: var(--bit-shd-2); -$bit-box-shadow-3: var(--bit-shd-3); -$bit-box-shadow-4: var(--bit-shd-4); -$bit-box-shadow-5: var(--bit-shd-5); -$bit-box-shadow-6: var(--bit-shd-6); -$bit-box-shadow-7: var(--bit-shd-7); -$bit-box-shadow-8: var(--bit-shd-8); -$bit-box-shadow-9: var(--bit-shd-9); -$bit-box-shadow-10: var(--bit-shd-10); -$bit-box-shadow-11: var(--bit-shd-11); -$bit-box-shadow-12: var(--bit-shd-12); -$bit-box-shadow-13: var(--bit-shd-13); -$bit-box-shadow-14: var(--bit-shd-14); -$bit-box-shadow-15: var(--bit-shd-15); -$bit-box-shadow-16: var(--bit-shd-16); -$bit-box-shadow-17: var(--bit-shd-17); -$bit-box-shadow-18: var(--bit-shd-18); -$bit-box-shadow-19: var(--bit-shd-19); -$bit-box-shadow-20: var(--bit-shd-20); -$bit-box-shadow-21: var(--bit-shd-21); -$bit-box-shadow-22: var(--bit-shd-22); -$bit-box-shadow-23: var(--bit-shd-23); -$bit-box-shadow-24: var(--bit-shd-24); From f1c1e890d2f07659b095ba12f7ef6ce591c4c9cf Mon Sep 17 00:00:00 2001 From: Saleh Yusefnejad Date: Sat, 3 Aug 2024 20:30:54 +0330 Subject: [PATCH 2/3] fix review comment --- .../src/Bit.Websites.Platform.Client/Pages/PricingPage.razor | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/PricingPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/PricingPage.razor index a2ecfecd95..c633d3efd0 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/PricingPage.razor +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/PricingPage.razor @@ -112,7 +112,7 @@ - + @if (isSent) {
From b06ee63008a02ad2eaf334e3dde8d72ba1ec4545 Mon Sep 17 00:00:00 2001 From: Saleh Yusefnejad Date: Sat, 3 Aug 2024 20:39:21 +0330 Subject: [PATCH 3/3] fix iconbuttons --- .../Pages/ContactUsPage.razor | 15 ++++-- .../Templates03GettingStartedPage.razor | 52 +++++++++++-------- .../Shared/AppErrorBoundary.razor | 2 +- .../Shared/Header.razor | 10 +++- .../Shared/Header.razor.scss | 7 --- .../Shared/MessageBox.razor | 2 +- 6 files changed, 49 insertions(+), 39 deletions(-) diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ContactUsPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ContactUsPage.razor index b67b7ff05b..89076caba7 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ContactUsPage.razor +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/ContactUsPage.razor @@ -47,13 +47,18 @@
- Send + + Send +
- Reset + + Reset +
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03GettingStartedPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03GettingStartedPage.razor index 312d66480f..3b6d653f27 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03GettingStartedPage.razor +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Templates/Templates03GettingStartedPage.razor @@ -76,13 +76,15 @@
To install .NET 8 SDK on Linux(Ubuntu) run the following commands:
- wget https://download.visualstudio.microsoft.com/download/pr/60218cc4-13eb-41d5-aa0b-5fd5a3fb03b8/6c42bee7c3651b1317b709a27a741362/dotnet-sdk-8.0.303-linux-x64.tar.gz -O $HOME/dotnet.tar.gz -mkdir -p $HOME/.dotnet -tar zxf $HOME/dotnet.tar.gz -C "$HOME/.dotnet" -echo 'PATH=$HOME/.dotnet:$HOME/.dotnet/tools:$PATH' >> ~/.bashrc -export PATH=$HOME/.dotnet:$HOME/.dotnet/tools:$PATH -dotnet dev-certs https --trust -rm dotnet.tar.gz + + wget https://download.visualstudio.microsoft.com/download/pr/60218cc4-13eb-41d5-aa0b-5fd5a3fb03b8/6c42bee7c3651b1317b709a27a741362/dotnet-sdk-8.0.303-linux-x64.tar.gz -O $HOME/dotnet.tar.gz + mkdir -p $HOME/.dotnet + tar zxf $HOME/dotnet.tar.gz -C "$HOME/.dotnet" + echo 'PATH=$HOME/.dotnet:$HOME/.dotnet/tools:$PATH' >> ~/.bashrc + export PATH=$HOME/.dotnet:$HOME/.dotnet/tools:$PATH + dotnet dev-certs https --trust + rm dotnet.tar.gz +
  • Install Node.js
    • @@ -124,17 +126,17 @@ rm dotnet.tar.gz
  • Install Bit Boilerplate project template
    - dotnet new install Bit.Boilerplate::8.10.0-pre-04 + dotnet new install Bit.Boilerplate::8.10.0-pre-04
    • @if (showCrossPlatform) {
  • Enable long paths files in Windows - reg add "HKLM\SYSTEM\CurrentControlSet\Control\FileSystem" /v LongPathsEnabled /t REG_DWORD /d 1 /f + reg add "HKLM\SYSTEM\CurrentControlSet\Control\FileSystem" /v LongPathsEnabled /t REG_DWORD /d 1 /f
  • Enable Windows developer mode - reg add "HKLM\SOFTWARE\Microsoft\Windows\CurrentVersion\AppModelUnlock" /v AllowDevelopmentWithoutDevLicense /t REG_DWORD /d 1 /f + reg add "HKLM\SOFTWARE\Microsoft\Windows\CurrentVersion\AppModelUnlock" /v AllowDevelopmentWithoutDevLicense /t REG_DWORD /d 1 /f
    • } @@ -191,22 +193,26 @@ rm dotnet.tar.gz @if (showCrossPlatform) { - code --install-extension ms-dotnettools.csdevkit -code --install-extension ms-dotnettools.blazorwasm-companion -code --install-extension glenn2223.live-sass -code --install-extension kevin-chatham.aspnetcorerazor-html-css-class-completion -code --install-extension ms-dotnettools.dotnet-maui -code --install-extension yy0931.vscode-sqlite3-editor -code --install-extension DominicVonk.vscode-resx-editor + + code --install-extension ms-dotnettools.csdevkit + code --install-extension ms-dotnettools.blazorwasm-companion + code --install-extension glenn2223.live-sass + code --install-extension kevin-chatham.aspnetcorerazor-html-css-class-completion + code --install-extension ms-dotnettools.dotnet-maui + code --install-extension yy0931.vscode-sqlite3-editor + code --install-extension DominicVonk.vscode-resx-editor + } else { - code --install-extension ms-dotnettools.csdevkit -code --install-extension ms-dotnettools.blazorwasm-companion -code --install-extension glenn2223.live-sass -code --install-extension kevin-chatham.aspnetcorerazor-html-css-class-completion -code --install-extension yy0931.vscode-sqlite3-editor -code --install-extension DominicVonk.vscode-resx-editor + + code --install-extension ms-dotnettools.csdevkit + code --install-extension ms-dotnettools.blazorwasm-companion + code --install-extension glenn2223.live-sass + code --install-extension kevin-chatham.aspnetcorerazor-html-css-class-completion + code --install-extension yy0931.vscode-sqlite3-editor + code --install-extension DominicVonk.vscode-resx-editor + } diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/AppErrorBoundary.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/AppErrorBoundary.razor index 2f683b102a..0c26657613 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/AppErrorBoundary.razor +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/AppErrorBoundary.razor @@ -8,7 +8,7 @@ else if (ErrorContent is null) {
    - +
    diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor index 38bdbd576f..00c7e281c0 100644 --- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor +++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Shared/Header.razor @@ -5,7 +5,10 @@
    @if (isDocsRoute) { - + }