Spitfire/Search
Spitfire/Search
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Added Weather IA
Some checks failed
Run Integration Tests / test (push) Failing after 10m2s
Details

Browse source
This commit is contained in:
partisan 2025-06-30 08:07:57 +02:00
parent e2f1707723
commit 0559fd2bba
5 changed files with 623 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

157
static/css/style-instantanswer.css
View file

@ -118,6 +118,151 @@
background-color: #27ae60;
}
.weather {
padding: 0;
background: none;
border-radius: 0;
box-shadow: none;
color: var(--snip-text);
min-width: 0;
max-width: none;
margin: 0;
}
.weather-header {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.13em;
font-weight: 500;
margin-bottom: 6px;
}
.weather-location {
opacity: 0.82;
}
.weather-temp {
font-size: 2.3em;
font-weight: 700;
color: var(--blue); /* not sure if using "var(--blue);" is the right idea */
letter-spacing: -1px;
}
.weather-deg {
font-size: 0.5em;
font-weight: 500;
vertical-align: super;
opacity: 0.5;
}
.weather-current {
display: flex;
align-items: center;
margin-bottom: 12px;
gap: 10px;
padding: 12px 14px 10px 14px;
}
.weather-icon {
font-size: 1.7em;
margin-right: 7px;
}
.weather-cond {
font-size: 1.09em;
font-weight: 500;
color: var(--highlight);
margin-right: 12px;
display: flex;
align-items: center;
gap: 5px;
}
.weather-details {
font-size: 0.97em;
opacity: 0.82;
margin-left: auto;
}
.weather-details span {
color: var(--fg);
}
.weather-forecast {
display: flex;
gap: 7px;
margin-top: 9px;
}
.weather-forecast-day {
flex: 1 1 0;
min-width: 0;
background: var(--search-bg);
border-radius: 8px;
padding: 8px 6px;
text-align: center;
color: var(--font-fg);
box-shadow: 0 1px 3px color-mix(in srgb, var(--search-bg), black 15%);
}
.weather-forecast-date {
font-size: 0.97em;
font-weight: 500;
opacity: 0.82;
margin-bottom: 2px;
color: var(--highlight);
}
.weather-forecast-temps {
font-size: 1.13em;
font-weight: 600;
color: var(--blue);
}
.weather-forecast-cond {
font-size: 0.98em;
opacity: 0.83;
color: var(--fg);
}
.weather-current {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
gap: 8px;
}
.weather-current-left {
display: flex;
align-items: center;
gap: 7px;
}
.weather-icon {
font-size: 1.7em;
}
.weather-cond {
font-size: 1.08em;
font-weight: 500;
color: var(--highlight);
}
.weather-current-right {
display: flex;
align-items: center;
gap: 12px;
}
.weather-detail {
font-size: 0.98em;
color: var(--blue);
opacity: 0.85;
font-weight: 500;
}
/* Responsive adjustments */
@media only screen and (max-width: 1220px) {
@ -136,4 +281,14 @@
width: 90%;
margin-left: 20px;
}
}
}
@media (max-width: 540px) {
.weather-forecast {
gap: 4px;
}
.weather-forecast-day {
padding: 6px 2px;
font-size: 0.95em;
}
}