PandaDEV/Qopy
1
0
Fork 0
mirror of https://github.com/0PandaDEV/Qopy.git synced 2025-04-21 13:14:04 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: content overflow in width

Browse source
This commit is contained in:
PandaDEV 2025-03-15 01:35:16 +01:00
parent 26c4df6039
commit 102ffe2fe3
No known key found for this signature in database
GPG key ID: 13EFF9BAF70EE75C
2 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/css/index.scss
View file

@ -82,11 +82,9 @@ main {
letter-spacing: 1;
border-radius: 10px;
width: 100%;
white-space: pre-wrap;
word-wrap: break-word;
display: flex;
flex-direction: column;
align-items: center;
align-items: flex-start;
overflow: hidden;
z-index: 2;
color: $text;
@ -95,8 +93,12 @@ main {
padding: 8px;
}
span {
span.content-text {
font-family: CommitMono !important;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
max-width: 100%;
}
.image {

2
pages/index.vue
View file

@ -47,7 +47,7 @@
<img :src="pageOgImage" alt="Image" class="image" />
</div>
<OverlayScrollbarsComponent v-else class="content">
<span>{{ selectedItem?.content || "" }}</span>
<span class="content-text">{{ selectedItem?.content || "" }}</span>
</OverlayScrollbarsComponent>
<OverlayScrollbarsComponent
class="information"