@selfcommunity/react-theme-default 0.4.2-courses.157 → 0.4.2-courses.158

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,6 +3,9 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
+ [x: number]: {
7
+ marginBottom: string;
8
+ };
6
9
  '& .SCCourseDashboard-header': {
7
10
  [x: number]: {
8
11
  paddingLeft: string;
@@ -157,7 +160,11 @@ declare const Component: {
157
160
  };
158
161
  };
159
162
  '& .SCCourseDashboard-actions-wrapper': {
160
- flexDirection: string;
163
+ [x: number]: {
164
+ flexDirection: string;
165
+ margin: number;
166
+ };
167
+ margin: string;
161
168
  gap: string;
162
169
  };
163
170
  };
@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
+ [theme.breakpoints.down('sm')]: {
7
+ marginBottom: '56px'
8
+ },
6
9
  '& .SCCourseDashboard-header': {
7
10
  [theme.breakpoints.down('sm')]: {
8
11
  paddingLeft: '14px',
@@ -154,8 +157,12 @@ const Component = {
154
157
  }
155
158
  },
156
159
  '& .SCCourseDashboard-actions-wrapper': {
157
- flexDirection: 'row',
158
- gap: '5px'
160
+ margin: '6px 0',
161
+ gap: '5px',
162
+ [theme.breakpoints.up('sm')]: {
163
+ flexDirection: 'row',
164
+ margin: 0
165
+ }
159
166
  }
160
167
  },
161
168
  '& .SCCourseDashboard-lessons-sections': {
@@ -3,6 +3,9 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
+ [x: number]: {
7
+ marginBottom: string;
8
+ };
6
9
  '& .SCEditCourse-header': {
7
10
  [x: number]: {
8
11
  paddingLeft: any;
@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
+ [theme.breakpoints.down('sm')]: {
7
+ marginBottom: '56px'
8
+ },
6
9
  '& .SCEditCourse-header': {
7
10
  flexDirection: 'row',
8
11
  alignItems: 'center',
@@ -2014,6 +2014,9 @@ declare const theme: {
2014
2014
  root: ({ theme }: {
2015
2015
  theme: any;
2016
2016
  }) => {
2017
+ [x: number]: {
2018
+ marginBottom: string;
2019
+ };
2017
2020
  '& .SCCourseDashboard-header': {
2018
2021
  [x: number]: {
2019
2022
  paddingLeft: string;
@@ -2168,7 +2171,11 @@ declare const theme: {
2168
2171
  };
2169
2172
  };
2170
2173
  '& .SCCourseDashboard-actions-wrapper': {
2171
- flexDirection: string;
2174
+ [x: number]: {
2175
+ flexDirection: string;
2176
+ margin: number;
2177
+ };
2178
+ margin: string;
2172
2179
  gap: string;
2173
2180
  };
2174
2181
  };
@@ -3270,6 +3277,9 @@ declare const theme: {
3270
3277
  root: ({ theme }: {
3271
3278
  theme: any;
3272
3279
  }) => {
3280
+ [x: number]: {
3281
+ marginBottom: string;
3282
+ };
3273
3283
  '& .SCEditCourse-header': {
3274
3284
  [x: number]: {
3275
3285
  paddingLeft: any;
@@ -3,6 +3,9 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
+ [x: number]: {
7
+ marginBottom: string;
8
+ };
6
9
  '& .SCCourseDashboard-header': {
7
10
  [x: number]: {
8
11
  paddingLeft: string;
@@ -157,7 +160,11 @@ declare const Component: {
157
160
  };
158
161
  };
159
162
  '& .SCCourseDashboard-actions-wrapper': {
160
- flexDirection: string;
163
+ [x: number]: {
164
+ flexDirection: string;
165
+ margin: number;
166
+ };
167
+ margin: string;
161
168
  gap: string;
162
169
  };
163
170
  };
@@ -1,6 +1,9 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
+ [theme.breakpoints.down('sm')]: {
5
+ marginBottom: '56px'
6
+ },
4
7
  '& .SCCourseDashboard-header': {
5
8
  [theme.breakpoints.down('sm')]: {
6
9
  paddingLeft: '14px',
@@ -152,8 +155,12 @@ const Component = {
152
155
  }
153
156
  },
154
157
  '& .SCCourseDashboard-actions-wrapper': {
155
- flexDirection: 'row',
156
- gap: '5px'
158
+ margin: '6px 0',
159
+ gap: '5px',
160
+ [theme.breakpoints.up('sm')]: {
161
+ flexDirection: 'row',
162
+ margin: 0
163
+ }
157
164
  }
158
165
  },
159
166
  '& .SCCourseDashboard-lessons-sections': {
@@ -3,6 +3,9 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
+ [x: number]: {
7
+ marginBottom: string;
8
+ };
6
9
  '& .SCEditCourse-header': {
7
10
  [x: number]: {
8
11
  paddingLeft: any;
@@ -1,6 +1,9 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
+ [theme.breakpoints.down('sm')]: {
5
+ marginBottom: '56px'
6
+ },
4
7
  '& .SCEditCourse-header': {
5
8
  flexDirection: 'row',
6
9
  alignItems: 'center',
@@ -2014,6 +2014,9 @@ declare const theme: {
2014
2014
  root: ({ theme }: {
2015
2015
  theme: any;
2016
2016
  }) => {
2017
+ [x: number]: {
2018
+ marginBottom: string;
2019
+ };
2017
2020
  '& .SCCourseDashboard-header': {
2018
2021
  [x: number]: {
2019
2022
  paddingLeft: string;
@@ -2168,7 +2171,11 @@ declare const theme: {
2168
2171
  };
2169
2172
  };
2170
2173
  '& .SCCourseDashboard-actions-wrapper': {
2171
- flexDirection: string;
2174
+ [x: number]: {
2175
+ flexDirection: string;
2176
+ margin: number;
2177
+ };
2178
+ margin: string;
2172
2179
  gap: string;
2173
2180
  };
2174
2181
  };
@@ -3270,6 +3277,9 @@ declare const theme: {
3270
3277
  root: ({ theme }: {
3271
3278
  theme: any;
3272
3279
  }) => {
3280
+ [x: number]: {
3281
+ marginBottom: string;
3282
+ };
3273
3283
  '& .SCEditCourse-header': {
3274
3284
  [x: number]: {
3275
3285
  paddingLeft: any;