f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-26 07:22:44 +00:00
Code Wiki Activity

setup styles for different view modes

Browse Source 
added styles for different modes-- basically a grid for 'facing' and flex for 'flow'.
This commit is contained in:
Gazook89
2024-08-23 14:29:52 -05:00
parent 49a4daa8f6
commit 960ecae861
1 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
client/homebrew/brewRenderer/brewRenderer.less
View File

@@ -6,14 +6,31 @@
padding-block : 30px;
:where(.pages) {
margin : 30px 0px;
margin : 30px 30px;
&.book-mode {
&.facing {
display: grid;
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(3, auto);
gap: 10px 10px;
justify-content: center;
& .page:first-child {
// sets first page on 'right' ('recto') of the preview, as if for a Cover page.
// todo: add a checkbox to toggle this setting
grid-column-start: 2;
}
}
&.flow {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: start;
& .page {
margin-left: unset;
margin-right: unset;
}
}
& > :where(.page) {