brian/weather
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial round of changes from Claude

Browse Source
This commit is contained in:
Brian
2026-01-09 15:01:27 -07:00
parent 4dbbef643b
commit a086d749d1
11 changed files with 876 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
resources/css/app.css
View File

@@ -4,68 +4,43 @@
@source '../../storage/framework/views/*.php';
@theme inline {
--font-sans: Instrument Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--font-sans: Instrument Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
}
.page-container { display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1.4fr 0.6fr;
gap: 2em 0em;
grid-auto-flow: row;
grid-template-areas:
"currentForecast"
"weeklyReport";
.page-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
gap: 1.5rem;
}
.currentForecast { display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"forecast secondaryInfo";
grid-area: currentForecast;
.currentForecast {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
gap: 2rem;
}
.forecast { display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"shortDescription"
"longDescription"
"currentTemp";
grid-area: forecast;
@media (min-width: 768px) {
.currentForecast {
grid-template-columns: 1.2fr 1fr;
grid-template-rows: 1fr;
}
}
.shortDescription { grid-area: shortDescription; }
.longDescription { grid-area: longDescription; }
.currentTemp { grid-area: currentTemp; }
.secondaryInfo { display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"windContainer"
"solarClock";
grid-area: secondaryInfo;
.forecast {
display: flex;
flex-direction: column;
justify-content: center;
}
.windContainer { grid-area: windContainer; }
.solarClock { grid-area: solarClock; }
.weeklyReport { display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
". . . . . .";
grid-area: weeklyReport;
.secondaryInfo {
display: flex;
flex-direction: column;
gap: 1rem;
}
.weeklyReport {
margin-top: 1rem;
}