gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

refactor: change a lot of dynamic sizes to em and rem

Browse source 
this makes the client feel a LOT snappier
This commit is contained in:
Twig 2025-07-09 00:43:23 +02:00
parent 9c08db29d5
commit e645767cb2
No known key found for this signature in database
5 changed files with 26 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/Button.vue
View file

@ -21,7 +21,7 @@ const props = defineProps<{
background-color: var(--primary-color);
color: var(--text-color);
padding: 0.7dvh 1.2dvw;
padding: 0.4em 0.75em;
font-size: 1.1em;
transition: background-color 0.2s;

4
components/Channel.vue
View file

@ -23,8 +23,8 @@ const isCurrentChannel = props.uuid == props.currentUuid;
.channel-list-link {
text-decoration: none;
color: inherit;
padding-left: .5dvw;
padding-right: .5dvw;
padding-left: .25em;
padding-right: .25em;
}
.channel-list-link-container {

1
components/MessageArea.vue
View file

@ -258,6 +258,7 @@ router.beforeEach((to, from, next) => {
padding-left: 1dvw;
padding-right: 1dvw;
overflow: hidden;
flex-grow: 1;
}
#message-box {