f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-31 19:32:47 +00:00
Code Wiki Activity

few css changes to make the page more responsive on smaller screens

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-07-24 00:26:23 +02:00
parent 01ee184044
commit 016a9fa1e8
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/homebrew/pages/vaultPage/vaultPage.less
View File

@@ -34,7 +34,7 @@ body {
.content { .content {
display : grid; display : grid;
grid-template-columns : 500px 2fr; grid-template-columns : clamp(310px,25vw, 600px) 2fr;
background : #2C3E50; background : #2C3E50;
.dataGroup { .dataGroup {
@@ -44,7 +44,7 @@ body {
&.form .brewLookup { &.form .brewLookup {
position : relative; position : relative;
padding : 50px; padding : 50px clamp(20px, 4vw, 50px);
.formTitle { .formTitle {
margin : 20px 0; margin : 20px 0;
@@ -66,7 +66,7 @@ body {
#searchButton { #searchButton {
position : absolute; position : absolute;
right : 10px; right : 10px;
bottom : 20px; bottom : 0;
i { margin-left : 10px; } i { margin-left : 10px; }
} }
@@ -120,7 +120,7 @@ body {
.totalBrews { .totalBrews {
position : fixed; position : fixed;
right : 17px; right : 0;
bottom : 0; bottom : 0;
z-index : 1000; z-index : 1000;
padding : 8px 10px; padding : 8px 10px;
@@ -150,7 +150,7 @@ body {
} }
.brewItem { .brewItem {
width : 48%; width : 47%;
margin-right : 40px; margin-right : 40px;
color : black; color : black;
background-image : url('/assets/parchmentBackground.jpg'); background-image : url('/assets/parchmentBackground.jpg');
@@ -196,12 +196,13 @@ body {
text-align : center; text-align : center;
.pageNumber { .pageNumber {
margin-inline : 10px; margin-inline : 1vw;
font-family : "Open Sans"; font-family : "Open Sans";
font-weight : 900; font-weight : 900;
color : white; color : white;
text-underline-position : under; text-underline-position : under;
cursor : pointer; cursor : pointer;
text-wrap : nowrap;
&.currentPage { &.currentPage {
color : gold; color : gold;