wip
This commit is contained in:
		
							parent
							
								
									9870e73069
								
							
						
					
					
						commit
						2f2a945905
					
				
					 4 changed files with 69 additions and 18 deletions
				
			
		| 
						 | 
					@ -7,9 +7,18 @@
 | 
				
			||||||
		<header>
 | 
							<header>
 | 
				
			||||||
			<router-link class="name" :to="note.user | userPage" v-user-preview="note.userId">{{ note.user | userName }}</router-link>
 | 
								<router-link class="name" :to="note.user | userPage" v-user-preview="note.userId">{{ note.user | userName }}</router-link>
 | 
				
			||||||
			<span class="username">@{{ note.user | acct }}</span>
 | 
								<span class="username">@{{ note.user | acct }}</span>
 | 
				
			||||||
			<router-link class="created-at" :to="note | notePage">
 | 
								<div class="info">
 | 
				
			||||||
				<mk-time :time="note.createdAt"/>
 | 
									<span class="mobile" v-if="note.viaMobile">%fa:mobile-alt%</span>
 | 
				
			||||||
			</router-link>
 | 
									<router-link class="created-at" :to="note | notePage">
 | 
				
			||||||
 | 
										<mk-time :time="note.createdAt"/>
 | 
				
			||||||
 | 
									</router-link>
 | 
				
			||||||
 | 
									<span class="visibility" v-if="note.visibility != 'public'">
 | 
				
			||||||
 | 
										<template v-if="note.visibility == 'home'">%fa:home%</template>
 | 
				
			||||||
 | 
										<template v-if="note.visibility == 'followers'">%fa:unlock%</template>
 | 
				
			||||||
 | 
										<template v-if="note.visibility == 'specified'">%fa:envelope%</template>
 | 
				
			||||||
 | 
										<template v-if="note.visibility == 'private'">%fa:lock%</template>
 | 
				
			||||||
 | 
									</span>
 | 
				
			||||||
 | 
								</div>
 | 
				
			||||||
		</header>
 | 
							</header>
 | 
				
			||||||
		<div class="body">
 | 
							<div class="body">
 | 
				
			||||||
			<mk-sub-note-content class="text" :note="note"/>
 | 
								<mk-sub-note-content class="text" :note="note"/>
 | 
				
			||||||
| 
						 | 
					@ -85,9 +94,18 @@ root(isDark)
 | 
				
			||||||
				margin 0 .5em 0 0
 | 
									margin 0 .5em 0 0
 | 
				
			||||||
				color isDark ? #606984 : #d1d8da
 | 
									color isDark ? #606984 : #d1d8da
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			> .created-at
 | 
								> .info
 | 
				
			||||||
				margin-left auto
 | 
									margin-left auto
 | 
				
			||||||
				color isDark ? #606984 : #b2b8bb
 | 
									font-size 0.9em
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
									> *
 | 
				
			||||||
 | 
										color isDark ? #606984 : #b2b8bb
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
									> .mobile
 | 
				
			||||||
 | 
										margin-right 6px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
									> .visibility
 | 
				
			||||||
 | 
										margin-left 6px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		> .body
 | 
							> .body
 | 
				
			||||||
			max-height 128px
 | 
								max-height 128px
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -28,6 +28,12 @@
 | 
				
			||||||
					<router-link class="created-at" :to="p | notePage">
 | 
										<router-link class="created-at" :to="p | notePage">
 | 
				
			||||||
						<mk-time :time="p.createdAt"/>
 | 
											<mk-time :time="p.createdAt"/>
 | 
				
			||||||
					</router-link>
 | 
										</router-link>
 | 
				
			||||||
 | 
										<span class="visibility" v-if="p.visibility != 'public'">
 | 
				
			||||||
 | 
											<template v-if="p.visibility == 'home'">%fa:home%</template>
 | 
				
			||||||
 | 
											<template v-if="p.visibility == 'followers'">%fa:unlock%</template>
 | 
				
			||||||
 | 
											<template v-if="p.visibility == 'specified'">%fa:envelope%</template>
 | 
				
			||||||
 | 
											<template v-if="p.visibility == 'private'">%fa:lock%</template>
 | 
				
			||||||
 | 
										</span>
 | 
				
			||||||
				</div>
 | 
									</div>
 | 
				
			||||||
			</header>
 | 
								</header>
 | 
				
			||||||
			<div class="body">
 | 
								<div class="body">
 | 
				
			||||||
| 
						 | 
					@ -442,18 +448,19 @@ root(isDark)
 | 
				
			||||||
					margin-left auto
 | 
										margin-left auto
 | 
				
			||||||
					font-size 0.9em
 | 
										font-size 0.9em
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
										> *
 | 
				
			||||||
 | 
											color isDark ? #606984 : #c0c0c0
 | 
				
			||||||
 | 
					
 | 
				
			||||||
					> .mobile
 | 
										> .mobile
 | 
				
			||||||
						margin-right 8px
 | 
											margin-right 8px
 | 
				
			||||||
						color isDark ? #606984 : #ccc
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
					> .app
 | 
										> .app
 | 
				
			||||||
						margin-right 8px
 | 
											margin-right 8px
 | 
				
			||||||
						padding-right 8px
 | 
											padding-right 8px
 | 
				
			||||||
						color #ccc
 | 
					 | 
				
			||||||
						border-right solid 1px #eaeaea
 | 
											border-right solid 1px #eaeaea
 | 
				
			||||||
 | 
					
 | 
				
			||||||
					> .created-at
 | 
										> .visibility
 | 
				
			||||||
						color isDark ? #606984 : #c0c0c0
 | 
											margin-left 8px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			> .body
 | 
								> .body
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -7,9 +7,18 @@
 | 
				
			||||||
		<header>
 | 
							<header>
 | 
				
			||||||
			<router-link class="name" :to="note.user | userPage">{{ note.user | userName }}</router-link>
 | 
								<router-link class="name" :to="note.user | userPage">{{ note.user | userName }}</router-link>
 | 
				
			||||||
			<span class="username">@{{ note.user | acct }}</span>
 | 
								<span class="username">@{{ note.user | acct }}</span>
 | 
				
			||||||
			<router-link class="created-at" :to="note | notePage">
 | 
								<div class="info">
 | 
				
			||||||
				<mk-time :time="note.createdAt"/>
 | 
									<span class="mobile" v-if="note.viaMobile">%fa:mobile-alt%</span>
 | 
				
			||||||
			</router-link>
 | 
									<router-link class="created-at" :to="note | notePage">
 | 
				
			||||||
 | 
										<mk-time :time="note.createdAt"/>
 | 
				
			||||||
 | 
									</router-link>
 | 
				
			||||||
 | 
									<span class="visibility" v-if="note.visibility != 'public'">
 | 
				
			||||||
 | 
										<template v-if="note.visibility == 'home'">%fa:home%</template>
 | 
				
			||||||
 | 
										<template v-if="note.visibility == 'followers'">%fa:unlock%</template>
 | 
				
			||||||
 | 
										<template v-if="note.visibility == 'specified'">%fa:envelope%</template>
 | 
				
			||||||
 | 
										<template v-if="note.visibility == 'private'">%fa:lock%</template>
 | 
				
			||||||
 | 
									</span>
 | 
				
			||||||
 | 
								</div>
 | 
				
			||||||
		</header>
 | 
							</header>
 | 
				
			||||||
		<div class="body">
 | 
							<div class="body">
 | 
				
			||||||
			<mk-sub-note-content class="text" :note="note"/>
 | 
								<mk-sub-note-content class="text" :note="note"/>
 | 
				
			||||||
| 
						 | 
					@ -92,9 +101,18 @@ root(isDark)
 | 
				
			||||||
				margin 0
 | 
									margin 0
 | 
				
			||||||
				color isDark ? #606984 : #d1d8da
 | 
									color isDark ? #606984 : #d1d8da
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			> .created-at
 | 
								> .info
 | 
				
			||||||
				margin-left auto
 | 
									margin-left auto
 | 
				
			||||||
				color isDark ? #606984 : #b2b8bb
 | 
									font-size 0.9em
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
									> *
 | 
				
			||||||
 | 
										color isDark ? #606984 : #b2b8bb
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
									> .mobile
 | 
				
			||||||
 | 
										margin-right 6px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
									> .visibility
 | 
				
			||||||
 | 
										margin-left 6px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		> .body
 | 
							> .body
 | 
				
			||||||
			max-height 128px
 | 
								max-height 128px
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -27,6 +27,12 @@
 | 
				
			||||||
					<router-link class="created-at" :to="p | notePage">
 | 
										<router-link class="created-at" :to="p | notePage">
 | 
				
			||||||
						<mk-time :time="p.createdAt"/>
 | 
											<mk-time :time="p.createdAt"/>
 | 
				
			||||||
					</router-link>
 | 
										</router-link>
 | 
				
			||||||
 | 
										<span class="visibility" v-if="p.visibility != 'public'">
 | 
				
			||||||
 | 
											<template v-if="p.visibility == 'home'">%fa:home%</template>
 | 
				
			||||||
 | 
											<template v-if="p.visibility == 'followers'">%fa:unlock%</template>
 | 
				
			||||||
 | 
											<template v-if="p.visibility == 'specified'">%fa:envelope%</template>
 | 
				
			||||||
 | 
											<template v-if="p.visibility == 'private'">%fa:lock%</template>
 | 
				
			||||||
 | 
										</span>
 | 
				
			||||||
				</div>
 | 
									</div>
 | 
				
			||||||
			</header>
 | 
								</header>
 | 
				
			||||||
			<div class="body">
 | 
								<div class="body">
 | 
				
			||||||
| 
						 | 
					@ -379,12 +385,14 @@ root(isDark)
 | 
				
			||||||
					margin-left auto
 | 
										margin-left auto
 | 
				
			||||||
					font-size 0.9em
 | 
										font-size 0.9em
 | 
				
			||||||
 | 
					
 | 
				
			||||||
					> .mobile
 | 
										> *
 | 
				
			||||||
						margin-right 6px
 | 
					 | 
				
			||||||
						color isDark ? #606984 : #c0c0c0
 | 
											color isDark ? #606984 : #c0c0c0
 | 
				
			||||||
 | 
					
 | 
				
			||||||
					> .created-at
 | 
										> .mobile
 | 
				
			||||||
						color isDark ? #606984 : #c0c0c0
 | 
											margin-right 6px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
										> .visibility
 | 
				
			||||||
 | 
											margin-left 6px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			> .body
 | 
								> .body
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue