From 1178a75ced319664a7d7daedaff53b173a904a8b Mon Sep 17 00:00:00 2001 From: Mohammad Hosein Rastegarinia Date: Thu, 27 Jul 2023 18:51:02 +0330 Subject: [PATCH] Remove paddings of components section of Bit BlazorUI demo on Small screens #4804 --- .../Client/Core/Components/ComponentExampleBox.razor.scss | 4 ++++ .../Pages/Components/Accordion/BitAccordionDemo.razor.scss | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/BlazorUI/Demo/Client/Core/Components/ComponentExampleBox.razor.scss b/src/BlazorUI/Demo/Client/Core/Components/ComponentExampleBox.razor.scss index 8719d84e21..df484873f5 100644 --- a/src/BlazorUI/Demo/Client/Core/Components/ComponentExampleBox.razor.scss +++ b/src/BlazorUI/Demo/Client/Core/Components/ComponentExampleBox.razor.scss @@ -56,6 +56,10 @@ .example-container { padding: rem(24px); + @include lt-lg { + padding: rem(24px) 0; + } + &::-webkit-scrollbar { width: rem(10px); } diff --git a/src/BlazorUI/Demo/Client/Core/Pages/Components/Accordion/BitAccordionDemo.razor.scss b/src/BlazorUI/Demo/Client/Core/Pages/Components/Accordion/BitAccordionDemo.razor.scss index 524016985c..3b9e88dffb 100644 --- a/src/BlazorUI/Demo/Client/Core/Pages/Components/Accordion/BitAccordionDemo.razor.scss +++ b/src/BlazorUI/Demo/Client/Core/Pages/Components/Accordion/BitAccordionDemo.razor.scss @@ -8,7 +8,7 @@ .example-box { display: flex; - padding: rem(30px); + padding: rem(30px) 0; border-radius: rem(2px); flex-flow: column nowrap; }