RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve style to use centered-content

Browse Source
This commit is contained in:
SrGooglo 2023-06-27 02:46:04 +00:00
parent dc781a74b5
commit 37844fb5e5
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/app/constants/routes.js
View File

@ -14,6 +14,10 @@ export default [
useLayout: "default", useLayout: "default",
useTitle: "Posts", useTitle: "Posts",
}, },
{
path: "/play/*",
centeredContent: true
},
{ {
path: "/post/*", path: "/post/*",
useLayout: "default", useLayout: "default",

15
packages/app/src/pages/play/index.less
View File

@ -34,12 +34,12 @@
} }
.playlist_view { .playlist_view {
display: grid; display: flex;
flex-direction: row;
grid-template-columns: 30vw 1fr; align-items: flex-start;
grid-template-rows: 1fr;
grid-column-gap: 20px; width: 100%;
grid-row-gap: 0px;
.play_info_wrapper { .play_info_wrapper {
position: sticky; position: sticky;
@ -53,7 +53,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 100%; width: fit-content;
height: fit-content; height: fit-content;
color: var(--text-color); color: var(--text-color);
@ -64,7 +64,6 @@
align-self: center; align-self: center;
width: 30vw;
height: 100%; height: 100%;
padding: 20px; padding: 20px;
@ -182,6 +181,8 @@
gap: 10px; gap: 10px;
width: 100%;
h1 { h1 {
margin: 0; margin: 0;
} }