diff options
| author | crupest <crupest@outlook.com> | 2023-07-15 17:02:00 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-07-15 17:02:00 +0800 |
| commit | 85659d977ac501a13886c1c7098763935af416e2 (patch) | |
| tree | 7071c8a63f7d2492fa657d92ec21d17338ac2550 /FrontEnd/src/views/common/AppBar.css | |
| parent | 59c424a38809be6afb170f11eadb0e4d14f10f69 (diff) | |
| download | timeline-85659d977ac501a13886c1c7098763935af416e2.tar.gz timeline-85659d977ac501a13886c1c7098763935af416e2.tar.bz2 timeline-85659d977ac501a13886c1c7098763935af416e2.zip | |
...
Diffstat (limited to 'FrontEnd/src/views/common/AppBar.css')
| -rw-r--r-- | FrontEnd/src/views/common/AppBar.css | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/FrontEnd/src/views/common/AppBar.css b/FrontEnd/src/views/common/AppBar.css index 3ec4fa36..272a99ad 100644 --- a/FrontEnd/src/views/common/AppBar.css +++ b/FrontEnd/src/views/common/AppBar.css @@ -16,16 +16,18 @@ }
.app-bar a {
- color: var(--cru-primary-t1-color);
+ color: var(--cru-primary-on-color);
text-decoration: none;
margin: 0 1em;
transition: color 1s;
}
+
.app-bar a:hover {
- color: var(--cru-primary-t-color);
+ color: var(--cru-primary-on-color);
}
+
.app-bar a.active {
- color: var(--cru-primary-t-color);
+ color: var(--cru-primary-on-color);
}
.app-bar-brand {
@@ -65,22 +67,27 @@ background-color: var(--cru-primary-color);
flex-direction: column;
}
+
.small-screen .app-bar-main-area.app-bar-collapse {
transform: scale(1, 0);
}
+
.small-screen .app-bar-main-area a {
text-align: left;
padding: 0.5em 0.5em;
}
+
.small-screen .app-bar-link-area {
flex-direction: column;
align-items: stretch;
}
+
.small-screen .app-bar-user-area {
flex-direction: column;
align-items: stretch;
margin-left: unset;
}
+
.small-screen .app-bar-avatar {
align-self: flex-end;
}
@@ -92,4 +99,4 @@ color: var(--cru-primary-t-color);
cursor: pointer;
user-select: none;
-}
+}
\ No newline at end of file |