2
0
mirror of https://github.com/tenrok/vue-meta.git synced 2026-05-19 10:09:38 +03:00
Files
pimlie 3e1a0da9e4 feat: add support for computed metadata
feat: show active metadata and add some styling

chore: code cleanup
2021-02-28 22:58:18 +01:00

61 lines
954 B
CSS

html, body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #2c3e50;
}
#app {
padding: 0 20px;
}
a {
color: #2c3e50;
text-decoration: none;
}
a:hover {
color: #4fc08d;
}
ul.menu {
list-style-type: none;
display: flex;
padding-left: 15px;
}
ul.menu li {
margin: 0;
padding-right: 15px;
}
.page {
border: 1px solid #2c3e50;
border-radius: 1rem;
padding: 15px;
}
.metadata {
background-color: #fafafa;
border-radius: 1rem;
margin-top: 30px;
padding-bottom: 15px;
}
.metadata h4 {
padding: 15px;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #f0f0f0;
}
.metadata p {
font-size: 75%;
white-space: pre;
overflow-y: scroll;
height: 400px;
max-height: 50%;
padding-left: 15px;
padding-right: 15px;
margin: 0;
}