diff options
| author | crupest <crupest@outlook.com> | 2023-08-31 19:18:48 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-08-31 19:18:48 +0800 |
| commit | a1f69d978426c6a4cb7e8f3116e087553dbbffd5 (patch) | |
| tree | 506eb8fc76336ea2941c373aad570c73ede577e3 /FrontEnd/src/components/tab/TabBar.css | |
| parent | 1a543da5a018d1a99b51bfe5d7d90edff0502a11 (diff) | |
| download | timeline-a1f69d978426c6a4cb7e8f3116e087553dbbffd5.tar.gz timeline-a1f69d978426c6a4cb7e8f3116e087553dbbffd5.tar.bz2 timeline-a1f69d978426c6a4cb7e8f3116e087553dbbffd5.zip | |
...
Diffstat (limited to 'FrontEnd/src/components/tab/TabBar.css')
| -rw-r--r-- | FrontEnd/src/components/tab/TabBar.css | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/FrontEnd/src/components/tab/TabBar.css b/FrontEnd/src/components/tab/TabBar.css new file mode 100644 index 00000000..09d48c59 --- /dev/null +++ b/FrontEnd/src/components/tab/TabBar.css @@ -0,0 +1,38 @@ +.cru-tab-bar {
+ border-bottom: var(--cru-clickable-normal-color) 1px solid;
+ display: flex;
+}
+
+.cru-tab-bar-tab-area {
+ display: flex;
+ align-items: center;
+ gap: 0.5em;
+ border: var(--cru-clickable-normal-color) 1px solid;
+ border-bottom: none;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ padding: 0.2em 0.5em;
+}
+
+.cru-tab-bar-item {
+ color: var(--cru-clickable-normal-color);
+ transition: all 0.5s;
+ border-radius: 5px;
+ cursor: pointer;
+ padding: 0.3em 1em;
+}
+
+.cru-tab-bar-item:hover {
+ color: var(--cru-push-button-text-color);
+ background-color: var(--cru-clickable-normal-color);
+}
+
+.cru-tab-bar-item.active {
+ color: var(--cru-push-button-text-color);
+ background-color: var(--cru-clickable-normal-color);
+ border-color: var(--cru-primary-color);
+}
+
+.cru-tab-bar-action-area {
+ margin-left: auto;
+}
|