Add item read page (#7)

- Open items links in an external window
- Include "Keep as New" button
This commit is contained in:
2024-04-13 13:39:49 -04:00
parent 9b2190252f
commit ee86eeef13
4 changed files with 147 additions and 11 deletions

View File

@@ -36,10 +36,26 @@ header {
}
main {
padding: 0 .5rem;
.item_heading {
margin-bottom: 0;
}
.item_published {
margin-bottom: 1rem;
line-height: 1.2;
}
}
article {
max-width: 60rem;
margin: auto;
.item_content {
border: solid 1px navy;
border-radius: .5rem;
background-color: white;
padding: .5rem;
}
}
input[type=url], input[type=text] {
width: 50%;
@@ -47,11 +63,27 @@ input[type=url], input[type=text] {
padding: .25rem;
border-radius: .25rem;
}
button {
button,
.action_buttons a:link,
.action_buttons a:visited {
font-size: 1rem;
font-weight: normal;
background-color: navy;
color: white;
padding: .25rem 1rem;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer;
}
border: none;
}
button:hover,
.action_buttons a:hover {
text-decoration: none;
cursor: pointer;
background: linear-gradient(navy, #000032);
}
.action_buttons {
margin: 1rem 0;
display: flex;
flex-flow: row nowrap;
justify-content: space-evenly;
}