Spaces:
Running
Running
Some css tweaks
Browse files- src/assets/main.scss +4 -0
- src/components/PluginMain.vue +9 -2
src/assets/main.scss
CHANGED
|
@@ -36,6 +36,10 @@ html, body, #app {
|
|
| 36 |
min-height: 100dvh;
|
| 37 |
}
|
| 38 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 39 |
html, body, #app, .outer-container {
|
| 40 |
@media (max-width: $tablet-1280-breakpoint) {
|
| 41 |
min-height: 100dvh;
|
|
|
|
| 36 |
min-height: 100dvh;
|
| 37 |
}
|
| 38 |
|
| 39 |
+
body {
|
| 40 |
+
background: $primary-25;
|
| 41 |
+
}
|
| 42 |
+
|
| 43 |
html, body, #app, .outer-container {
|
| 44 |
@media (max-width: $tablet-1280-breakpoint) {
|
| 45 |
min-height: 100dvh;
|
src/components/PluginMain.vue
CHANGED
|
@@ -233,11 +233,18 @@ const getSources = (data) => {
|
|
| 233 |
background-color: $primary-25;
|
| 234 |
position: relative;
|
| 235 |
|
| 236 |
-
margin: auto;
|
| 237 |
//max-width: 800px;
|
| 238 |
-
width: fit-content;
|
| 239 |
z-index: 10;
|
| 240 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 241 |
&:before {
|
| 242 |
content: "";
|
| 243 |
position: absolute;
|
|
|
|
| 233 |
background-color: $primary-25;
|
| 234 |
position: relative;
|
| 235 |
|
| 236 |
+
//margin: auto;
|
| 237 |
//max-width: 800px;
|
| 238 |
+
//width: fit-content;
|
| 239 |
z-index: 10;
|
| 240 |
|
| 241 |
+
@media (min-width: $tablet-1024-breakpoint) {
|
| 242 |
+
width: 900px;
|
| 243 |
+
top: 50%;
|
| 244 |
+
left: 50%;
|
| 245 |
+
transform: translate(-50%, 50%) scale(1.5);
|
| 246 |
+
}
|
| 247 |
+
|
| 248 |
&:before {
|
| 249 |
content: "";
|
| 250 |
position: absolute;
|