mirror of
https://github.com/mue/mue.git
synced 2026-07-07 14:17:09 +02:00
feat: enhance WeatherOptions component with improved layout and auto location reset functionality
This commit is contained in:
@@ -83,9 +83,15 @@ const WeatherOptions = () => {
|
||||
<Action>
|
||||
<div className="text-field-container">
|
||||
<div className="text-field">
|
||||
<label className="text-field-label">
|
||||
{variables.getMessage(`${WEATHER_SECTION}.location`)}
|
||||
</label>
|
||||
<div className="text-field-header">
|
||||
<label className="text-field-label">
|
||||
{variables.getMessage(`${WEATHER_SECTION}.location`)}
|
||||
</label>
|
||||
<span className="text-field-reset" onClick={getAutoLocation}>
|
||||
<MdAutoAwesome />
|
||||
{variables.getMessage(`${WEATHER_SECTION}.auto`)}
|
||||
</span>
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
className="text-field-input"
|
||||
@@ -94,10 +100,6 @@ const WeatherOptions = () => {
|
||||
placeholder="London"
|
||||
/>
|
||||
</div>
|
||||
<span className="link" onClick={getAutoLocation}>
|
||||
<MdAutoAwesome />
|
||||
{variables.getMessage(`${WEATHER_SECTION}.auto`)}
|
||||
</span>
|
||||
</div>
|
||||
</Action>
|
||||
</Row>
|
||||
|
||||
Reference in New Issue
Block a user