TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-04 20:43:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix extend to screen width css

Browse Source
This commit is contained in:
geoffrey45
2022-09-17 13:05:00 +03:00
parent 8305df17ba
commit fca59751c4
3 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/scss/Global/app-grid.scss
+7 -4
View File
@@ -13,14 +13,17 @@
margin: 0 auto; margin: 0 auto;
margin-top: -$small; margin-top: -$small;
max-width: 1720px; max-width: 1720px;
}
#app-grid.extendWidth {
padding-right: $medium; padding-right: $medium;
border-right: solid 1px $gray4; border-right: solid 1px $gray4;
padding-top: $small; padding-top: $small;
} }
#app-grid.extendWidth {
padding-right: 0;
border-right: none;
max-width: 100%;
}
#app-grid.isSmall { #app-grid.isSmall {
grid-template-columns: min-content 1fr; grid-template-columns: min-content 1fr;
grid-template-areas: grid-template-areas:
@@ -104,4 +107,4 @@
.b-bar { .b-bar {
grid-area: bottombar; grid-area: bottombar;
} }
src/assets/scss/Global/index.scss
+4 -4
View File
@@ -1,6 +1,6 @@
@import "./app-grid.scss", "./controls.scss", "./inputs.scss", @import "./app-grid.scss", "./controls.scss", "./inputs.scss",
"./scrollbars.scss", "./state.scss", "./variants.scss", "./basic.scss", "./scrollbars.scss", "./state.scss", "./variants.scss", "./basic.scss",
"./search-tabheaders.scss"; "./search-tabheaders.scss";
:root { :root {
--separator: #ffffff46; --separator: #ffffff46;
@@ -24,7 +24,7 @@ body {
background-color: $body; background-color: $body;
color: $white; color: $white;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-family: "SFCompactDisplay" !important; font-family: "SFCompactDisplay" !important;
font-size: 1rem; font-size: 1rem;
image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-optimize-contrast;
@@ -40,4 +40,4 @@ body {
a { a {
cursor: default !important; cursor: default !important;
} }
} }
src/config.ts
+2 -2
View File
@@ -7,7 +7,7 @@ export interface D<T = string> {
const domains: D = { const domains: D = {
local: "http://localhost:", local: "http://localhost:",
remote: "http://10.5.86.154:", remote: "http://10.5.71.115:",
}; };
const ports = { const ports = {
@@ -81,4 +81,4 @@ const paths = {
export { paths, toggleMode }; export { paths, toggleMode };
// TODO: Add setting to toggle between extending to edges or not // TODO: Add setting to toggle between extending to edges or not