zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): improve time demo css

Browse Source
This commit is contained in:
Darius Cepulis
2026-02-09 15:15:44 -06:00
parent eabf56806b
commit afbe2a4198
11 changed files with 113 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/docs/demos/Demo.astro
+1 -1
View File
@@ -18,7 +18,7 @@ const { files } = Astro.props;
---
<div class="my-6 w-full max-w-3xl mx-auto flex flex-col rounded-lg overflow-hidden border border-light-40 dark:border-dark-80">
<div class="relative z-20 p-6 bg-light-80 dark:bg-dark-100">
<div class="relative z-20 bg-light-80 dark:bg-dark-100">
<slot />
</div>
<TabsRoot client:idle maxWidth={false} className="my-0 rounded-none border-0 border-t border-light-40 dark:border-dark-80">
site/src/components/docs/demos/time/html/css/CurrentDuration.css
+13
View File
@@ -7,5 +7,18 @@
}
.time-current-duration__group {
display: flex;
align-items: center;
gap: 4px;
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
color: black;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
padding-block: 8px;
padding-inline: 20px;
font-variant-numeric: tabular-nums;
}
site/src/components/docs/demos/time/html/css/CurrentTime.css
+10
View File
@@ -7,5 +7,15 @@
}
.time-current-time__value {
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
color: black;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
padding-block: 8px;
padding-inline: 20px;
font-variant-numeric: tabular-nums;
}
site/src/components/docs/demos/time/html/css/CustomNegativeSign.css
+10
View File
@@ -7,5 +7,15 @@
}
.time-custom-negative-sign__value {
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
color: black;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
padding-block: 8px;
padding-inline: 20px;
font-variant-numeric: tabular-nums;
}
site/src/components/docs/demos/time/html/css/CustomSeparator.css
+13
View File
@@ -7,5 +7,18 @@
}
.time-custom-separator__group {
display: flex;
align-items: center;
gap: 4px;
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
color: black;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
padding-block: 8px;
padding-inline: 20px;
font-variant-numeric: tabular-nums;
}
site/src/components/docs/demos/time/html/css/Remaining.css
+10
View File
@@ -7,5 +7,15 @@
}
.time-remaining__value {
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
color: black;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
padding-block: 8px;
padding-inline: 20px;
font-variant-numeric: tabular-nums;
}
site/src/components/docs/demos/time/react/css/CurrentDuration.css
+13
View File
@@ -7,5 +7,18 @@
}
.time-current-duration__group {
display: flex;
align-items: center;
gap: 4px;
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
color: black;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
padding-block: 8px;
padding-inline: 20px;
font-variant-numeric: tabular-nums;
}
site/src/components/docs/demos/time/react/css/CurrentTime.css
+10
View File
@@ -7,5 +7,15 @@
}
.time-current-time__value {
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
color: black;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
padding-block: 8px;
padding-inline: 20px;
font-variant-numeric: tabular-nums;
}
site/src/components/docs/demos/time/react/css/CustomNegativeSign.css
+10
View File
@@ -7,5 +7,15 @@
}
.time-custom-negative-sign__value {
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
color: black;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
padding-block: 8px;
padding-inline: 20px;
font-variant-numeric: tabular-nums;
}
site/src/components/docs/demos/time/react/css/CustomSeparator.css
+13
View File
@@ -7,5 +7,18 @@
}
.time-custom-separator__group {
display: flex;
align-items: center;
gap: 4px;
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
color: black;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
padding-block: 8px;
padding-inline: 20px;
font-variant-numeric: tabular-nums;
}
site/src/components/docs/demos/time/react/css/Remaining.css
+10
View File
@@ -7,5 +7,15 @@
}
.time-remaining__value {
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
color: black;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
padding-block: 8px;
padding-inline: 20px;
font-variant-numeric: tabular-nums;
}