fix: sticky notes

This commit is contained in:
Julien Calixte
2026-03-01 17:07:38 +01:00
parent 1cc6056907
commit 557aff2329

View File

@@ -115,7 +115,7 @@ watch(
</script> </script>
<template> <template>
<div class="public-note-view repo-note note-container"> <main class="public-note-view repo-note note-container">
<div class="note article"> <div class="note article">
<div class="header"> <div class="header">
<back-button <back-button
@@ -159,7 +159,7 @@ watch(
:index="index" :index="index"
:didrkey="stackedNote" :didrkey="stackedNote"
/> />
</div> </main>
</template> </template>
<style lang="scss"> <style lang="scss">
@@ -183,6 +183,8 @@ watch(
.article { .article {
padding: 0 2rem; padding: 0 2rem;
scrollbar-width: none; scrollbar-width: none;
left: 0;
top: 0;
} }
&.content { &.content {
@@ -219,6 +221,7 @@ watch(
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
height: 100vh; height: 100vh;
position: sticky;
.title { .title {
text-align: left; text-align: left;
@@ -246,10 +249,6 @@ watch(
} }
} }
.note {
width: 100%;
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
flex-wrap: wrap; flex-wrap: wrap;