oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

Default UI redesign (#7429)

Browse source 
* wip

* wip

* wip

* wip

* Update default.sidebar.vue

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* Update sticky-sidebar.ts

* wip

* wip

* Update messaging-room.form.vue

* Update timeline.vue
This commit is contained in:
syuilo 2021-04-10 12:40:50 +09:00 • committed by GitHub
parent 7d2126e2b2
commit d3fe02fb3e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
81 changed files with 1532 additions and 658 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/client/ui/chat/index.vue
View file

@ -136,7 +136,7 @@ import { defineComponent, defineAsyncComponent } from 'vue';
import { faLayerGroup, faBars, faHome, faCircle, faWindowMaximize, faColumns, faPencilAlt, faShareAlt, faSatelliteDish, faListUl, faSatellite, faCog, faSearch, faPlus, faStar, faAt, faLink, faEllipsisH, faGlobe } from '@fortawesome/free-solid-svg-icons';
import { faBell, faStar as farStar, faEnvelope, faComments, faCalendarAlt } from '@fortawesome/free-regular-svg-icons';
import { instanceName, url } from '@client/config';
import XSidebar from '@client/components/sidebar.vue';
import XSidebar from '@client/ui/_common_/sidebar.vue';
import XWidgets from './widgets.vue';
import XCommon from '../_common_/common.vue';
import XSide from './side.vue';
@ -354,7 +354,7 @@ export default defineComponent({
flex-direction: column;
width: 250px;
height: 100vh;
border-right: solid 1px var(--divider);
border-right: solid 0.5px var(--divider);
> .header, > .footer {
$padding: 8px;
@ -367,11 +367,11 @@ export default defineComponent({
user-select: none;
&.header {
border-bottom: solid 1px var(--divider);
border-bottom: solid 0.5px var(--divider);
}
&.footer {
border-top: solid 1px var(--divider);
border-top: solid 0.5px var(--divider);
}
> .left, > .right {
@ -526,7 +526,7 @@ export default defineComponent({
padding: $padding;
box-sizing: border-box;
background-color: var(--panel);
border-bottom: solid 1px var(--divider);
border-bottom: solid 0.5px var(--divider);
user-select: none;
> .left {
@ -599,7 +599,7 @@ export default defineComponent({
> .side {
width: 350px;
border-left: solid 1px var(--divider);
border-left: solid 0.5px var(--divider);
&.widgets.sideViewOpening {
@media (max-width: 1400px) {