diff options
| author | crupest <crupest@outlook.com> | 2023-09-14 23:47:16 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-09-16 23:06:31 +0800 |
| commit | aef14be13c3bd9e93eeea598dbfbf707ba98d448 (patch) | |
| tree | bb0a4199849dec57c5f0c190cb213fc22296622c /FrontEnd/src/components/tab | |
| parent | 754597d49cd2d3f6295e5fe3ed68c6210bf4e8a5 (diff) | |
| download | timeline-aef14be13c3bd9e93eeea598dbfbf707ba98d448.tar.gz timeline-aef14be13c3bd9e93eeea598dbfbf707ba98d448.tar.bz2 timeline-aef14be13c3bd9e93eeea598dbfbf707ba98d448.zip | |
...
Diffstat (limited to 'FrontEnd/src/components/tab')
| -rw-r--r-- | FrontEnd/src/components/tab/TabBar.css | 18 | ||||
| -rw-r--r-- | FrontEnd/src/components/tab/TabPages.css | 3 |
2 files changed, 9 insertions, 12 deletions
diff --git a/FrontEnd/src/components/tab/TabBar.css b/FrontEnd/src/components/tab/TabBar.css index 09d48c59..dc6970c7 100644 --- a/FrontEnd/src/components/tab/TabBar.css +++ b/FrontEnd/src/components/tab/TabBar.css @@ -1,30 +1,24 @@ .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;
+ border: var(--cru-clickable-normal-color) 1.6px solid;
+ border-radius: 3px;
+ overflow: hidden;
}
.cru-tab-bar-item {
- color: var(--cru-clickable-normal-color);
- transition: all 0.5s;
- border-radius: 5px;
+ color: var(--cru-text-minor-color);
+ transition: all 0.2s;
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);
+ color: var(--cru-clickable-normal-color);
}
.cru-tab-bar-item.active {
diff --git a/FrontEnd/src/components/tab/TabPages.css b/FrontEnd/src/components/tab/TabPages.css index e69de29b..c07d042e 100644 --- a/FrontEnd/src/components/tab/TabPages.css +++ b/FrontEnd/src/components/tab/TabPages.css @@ -0,0 +1,3 @@ +.cru-tab-page-container { + padding-top: 0.5em; +} |