feat: global styles

This commit is contained in:
arashsheyda
2023-04-21 12:22:18 +03:00
parent f8a073ff6b
commit 904404130a
2 changed files with 39 additions and 0 deletions

View File

@ -1,3 +1,7 @@
<script lang="ts" setup>
import './styles/global.css'
</script>
<template> <template>
<Html> <Html>
<Body h-screen> <Body h-screen>

35
client/styles/global.css Normal file
View File

@ -0,0 +1,35 @@
/* Splitpanes */
.splitpanes__splitter {
position: relative;
}
.splitpanes__splitter:before {
position: absolute;
left: 0;
top: 0;
transition: .2s ease;
content: '';
transition: opacity 0.4s;
z-index: 1;
}
.splitpanes__splitter:hover:before {
background: #8881;
opacity: 1;
}
.splitpanes--vertical>.splitpanes__splitter {
min-width: 0 !important;
width: 0 !important;
}
.splitpanes--horizontal>.splitpanes__splitter {
min-height: 0 !important;
height: 0 !important;
}
.splitpanes--vertical>.splitpanes__splitter:before {
left: -5px;
right: -4px;
height: 100%;
}
.splitpanes--horizontal>.splitpanes__splitter:before {
top: -5px;
bottom: -4px;
width: 100%;
}