fix: specify correct width for tags

This commit is contained in:
Ivan R. 2024-03-11 19:59:21 +05:00
parent 8dde510a59
commit ca1d175761
No known key found for this signature in database
GPG key ID: 56C7BAAE859B302C
2 changed files with 6 additions and 3 deletions

View file

@ -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 {

View file

@ -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;