butter/butter-kanglam-ui
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

maps page

Browse source
This commit is contained in:
John Hess 2024-06-07 14:38:54 -05:00
parent 7b91e1aed0
commit f602b282d5
13 changed files with 651 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

109
_scss/pages/home.scss
View file

@ -2,7 +2,7 @@
// Body Styles
// -------------------------
body {
background-color: #FFFCEC;
background-color: #F9F9F9;
min-height: 100vh;
}
@ -136,6 +136,113 @@ a:active {
object-fit: cover;
}
// --------------------------------
// Informational Layout Styles
// --------------------------------
.informational-container {
width: 100%;
max-width: 680px;
margin: 0 auto;
padding: 10px;
img.hero {
width: 100%;
}
img.app-tile {
width: 66px;
height: 66px;
// center within container
display: block;
margin: auto;
// float higher to overlap previous element
position: relative;
top: -33px;
}
h1 {
font-size: 28px;
font-weight: 700;
margin-bottom: 10px;
text-align: center;
}
p.subtitle {
font-size: 16px;
font-weight: 400;
margin: 0 auto 10px auto;
max-width: 340px;
text-align: center;
}
h2 {
font-size: 18px;
font-weight: 500;
margin: 20px 0 10px 0;
}
p {
font-size: 14px;
font-weight: 400;
margin: 10px 0;
}
.filelist {
background-color: white;
border-radius: 20px;
}
}
// ----------------------------------
// Copied from butter-dir-listing.css
// ----------------------------------
.filerow {
display: flex;
align-items: center;
height: 44px;
margin: 10px;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
.logo-filerow {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
}
.logo-filerow img {
width: 32px;
height: 32px;
}
.text-filerow {
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
padding: 0 10px;
box-sizing: border-box;
}
.text-filerow .upper-text {
font-size: 14px;
line-height: 18px;
padding: 2px;
color: black;
}
.text-filerow .lower-text {
font-size: 12px;
padding: 2px;
color: gray;
}
.empty-block {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
}
// -------------------------
// Button Styles
// -------------------------