Änderung: Anpassung des Styles für die Kontakt-Schaltfläche im SettingsWidget
Änderungen: - Aktualisierung der Hintergrundfarbe, Textfarbe und Rahmen der Kontakt-Schaltfläche. - Verbesserung der Hover- und Active-Zustände für eine bessere Benutzererfahrung. Diese Anpassungen verbessern die visuelle Gestaltung und Benutzerinteraktion der Kontakt-Schaltfläche.
This commit is contained in:
@@ -250,21 +250,21 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.contact-button {
|
.contact-button {
|
||||||
background-color: #007bff;
|
margin-left: 10px;
|
||||||
color: white;
|
padding: 5px 12px;
|
||||||
border: none;
|
|
||||||
padding: 5px 10px;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
background: #F9A22C;
|
||||||
|
color: #000000;
|
||||||
|
border: 1px solid #F9A22C;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: background 0.05s;
|
||||||
|
border: 1px solid transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
transition: background-color 0.2s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-button:hover {
|
.contact-button:hover {
|
||||||
background-color: #0056b3;
|
background: #fdf1db;
|
||||||
}
|
color: #7E471B;
|
||||||
|
border: 1px solid #7E471B;
|
||||||
.contact-button:active {
|
|
||||||
background-color: #004085;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user