feat: global styles
This commit is contained in:
@ -1,3 +1,7 @@
|
||||
<script lang="ts" setup>
|
||||
import './styles/global.css'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Html>
|
||||
<Body h-screen>
|
||||
|
||||
35
client/styles/global.css
Normal file
35
client/styles/global.css
Normal 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%;
|
||||
}
|
||||
Reference in New Issue
Block a user