fix: specify correct width for tags
This commit is contained in:
parent
8dde510a59
commit
ca1d175761
2 changed files with 6 additions and 3 deletions
|
@ -20,15 +20,17 @@ const { pubDate, slug, title, tags } = Astro.props
|
||||||
<style>
|
<style>
|
||||||
.note {
|
.note {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 6px;
|
||||||
}
|
}
|
||||||
.dash {
|
.dash {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 600px) {
|
@media screen and (min-width: 700px) {
|
||||||
.note {
|
.note {
|
||||||
display: flex;
|
flex-direction: row;
|
||||||
gap: 6px;
|
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
.dash {
|
.dash {
|
||||||
|
|
|
@ -13,6 +13,7 @@ const { name, slug } = Astro.props
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.tag {
|
.tag {
|
||||||
|
width: fit-content;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
background-color: #323232;
|
background-color: #323232;
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
|
|
Loading…
Reference in a new issue