starred/sky_phone
1
0
Fork 0
mirror of https://github.com/sky-systems/sky_phone.git synced 2026-09-04 17:23:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

ADD - build Housing phone app

Browse Source
This commit is contained in:
Type
2026-08-09 22:12:38 +02:00
parent 6702cd8933
commit 2e4843cfbe
14 changed files with 1490 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/assets/img/app-icons/house.svg
+17
View File
@@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img" aria-label="House">
<defs>
<linearGradient id="house-bg" x1="18" y1="12" x2="108" y2="118" gradientUnits="userSpaceOnUse">
<stop stop-color="#ffb84d"/>
<stop offset="1" stop-color="#f06b35"/>
</linearGradient>
<filter id="house-shadow" x="-20%" y="-20%" width="140%" height="150%">
<feDropShadow dx="0" dy="5" stdDeviation="5" flood-color="#8f351c" flood-opacity=".28"/>
</filter>
</defs>
<rect width="128" height="128" rx="29" fill="url(#house-bg)"/>
<circle cx="101" cy="25" r="23" fill="#fff" opacity=".13"/>
<path d="M27 61.5 64 31l37 30.5v36a9 9 0 0 1-9 9H36a9 9 0 0 1-9-9z" fill="#fff" filter="url(#house-shadow)"/>
<path d="M19 64.5 64 27l45 37.5" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="11"/>
<rect x="53" y="73" width="22" height="33.5" rx="5" fill="#f4823c"/>
<circle cx="69" cy="90" r="2.4" fill="#fff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 993 B

frontend/src/assets/main.css
+22 -16
View File
@@ -2847,6 +2847,8 @@ button {
}
.banking-balance {
position: relative;
overflow: hidden;
padding: 22px 20px 20px;
border-radius: 27px;
}
@@ -2895,11 +2897,13 @@ button {
}
.banking-action {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 64px;
overflow: hidden;
padding: 11px 12px;
border-radius: 19px;
color: rgb(237 243 255 / 82%);
@@ -3047,8 +3051,9 @@ button {
display: flex;
justify-content: flex-end;
gap: 12px;
color: rgb(218 229 251 / 50%);
font-size: 8px;
color: rgb(218 229 251 / 72%);
font-size: 11px;
line-height: 1.35;
}
.banking-chart-legend span {
@@ -3151,8 +3156,8 @@ button {
.banking-sheet__content > p {
margin: 0 0 15px;
color: rgb(213 225 248 / 52%);
font-size: 10px;
line-height: 1.45;
font-size: 12px;
line-height: 1.5;
}
.banking-form-list {
@@ -3167,7 +3172,9 @@ button {
display: block;
margin: 0 4px 6px;
color: rgb(213 225 248 / 52%);
font-size: 9px;
font-size: 11px;
font-weight: 600;
line-height: 1.35;
}
.banking-contact-picker > div {
@@ -3179,13 +3186,15 @@ button {
.banking-contact-picker > p {
margin: 0 4px;
color: rgb(213 225 248 / 42%);
font-size: 9px;
font-size: 11px;
line-height: 1.4;
}
.banking-sheet__content .banking-form-error {
margin: 10px 3px 0;
color: #ff8b98;
font-size: 9px;
font-size: 11px;
line-height: 1.4;
}
.banking-sheet__content > button:last-child {
@@ -3325,21 +3334,18 @@ button {
text-transform: uppercase;
}
.weather-hourly {
display: flex;
gap: 5px;
overflow-x: auto;
padding: 11px 9px 13px;
scrollbar-width: none;
scroll-snap-type: x proximity;
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 2px;
padding: 11px 6px 13px;
}
.weather-hour {
display: flex;
align-items: center;
flex: 0 0 52px;
flex-direction: column;
min-width: 0;
min-height: 104px;
padding: 3px 2px;
scroll-snap-align: start;
padding: 3px 1px;
}
.weather-hour span {
height: 21px;