zyqunix/pages
1
0
Fork 0
mirror of https://github.com/zyqunix/tools.git synced 2025-07-06 06:20:30 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

full note fix

Browse source
This commit is contained in:
zyqunix 2025-02-05 21:27:13 +01:00
parent 96d4722500
commit 6abf742eec
3 changed files with 188 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

58
notes/style.css
View file

@ -19,7 +19,8 @@ div.top div#editing {
width: max-content;
}
div.top > button {
div.top > button,
div.top > label {
padding: 8px;
margin: 10px 4px 10px 10px;
cursor: pointer;
@ -29,11 +30,17 @@ div.top > button {
border-radius: 5px;
}
div.top > button:not(:nth-child(1)) {
margin: 10px 4px 10px 4px;
div.top > input {
display: none;
}
div.top > button:hover {
div.top > button:not(:nth-child(1)),
div.top > label:not(:nth-child(1)) {
margin: 10px 4px 10px 4px;
}
div.top > button:hover,
div.top > label:hover {
cursor: pointer;
background-color: rgb(42, 42, 42);
color: white;
@ -93,4 +100,45 @@ button[class="new-note open"] {
box-sizing: border-box;
resize: none;
display: none;
}
}
@media (max-width: 1024px) {
div.left {
max-width: 50%;
}
#editor-area {
width: calc(100% - 150px);
left: 150px;
}
}
@media (max-width: 768px) {
div.left {
max-width: 60%;
}
#editor-area {
width: calc(100% - 120px);
left: 120px;
}
}
@media (max-width: 480px) {
div.left {
max-width: 100%;
height: auto;
position: relative;
}
#editor-area {
width: 100%;
left: 0;
top: auto;
position: relative;
}
div.top {
position: relative;
}
}