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

2
pages/index.vue
View file

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