ghost
3 years ago
6 changed files with 89 additions and 85 deletions
@ -0,0 +1,3 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
require(PROJECT_DIR . '/application/view/common/module/post.phtml'); |
@ -0,0 +1,13 @@ |
|||||||
|
<div class="modulePost"> |
||||||
|
<form action="/" method="POST" name="post"> |
||||||
|
<div class="avatar"> |
||||||
|
<img src="<?php echo PROJECT_HOST ?>/api/image?hash=<?php echo $_SESSION['userName'] ?>" alt="" /> |
||||||
|
</div> |
||||||
|
<div class="message"> |
||||||
|
<textarea name="post" placeholder="<?php echo _('Enter your post...') ?>" id="message"></textarea> |
||||||
|
</div> |
||||||
|
<div class="action"> |
||||||
|
<div class="button" onclick="Home.post.add('#feed', '#message')"><?php echo _('Send') ?></div> |
||||||
|
</div> |
||||||
|
</form> |
||||||
|
</div> |
@ -0,0 +1,71 @@ |
|||||||
|
.modulePost { |
||||||
|
margin-bottom: 14px; |
||||||
|
background: #272E39; |
||||||
|
border-radius: 3px; |
||||||
|
overflow: hidden; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
|
||||||
|
.modulePost .avatar { |
||||||
|
position: absolute; |
||||||
|
top: 19px; |
||||||
|
left: 19px; |
||||||
|
} |
||||||
|
|
||||||
|
.modulePost .avatar img { |
||||||
|
border-radius: 50%; |
||||||
|
border: 2px #fff solid; |
||||||
|
} |
||||||
|
|
||||||
|
.modulePost .message { |
||||||
|
padding-left: 82px; |
||||||
|
padding-right: 16px; |
||||||
|
padding-top: 16px; |
||||||
|
padding-bottom: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
.modulePost .action { |
||||||
|
border-top: 1px #4d5666 solid; |
||||||
|
padding: 16px; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
.modulePost .message textarea { |
||||||
|
height: 52px; |
||||||
|
width: 100%; |
||||||
|
padding: 16px 8px; |
||||||
|
border-radius: 3px; |
||||||
|
font-family: Roboto-Regular, Sans-Serif, Verdana; |
||||||
|
font-size: 14px; |
||||||
|
background: rgb(238, 238, 238); |
||||||
|
color: #1c1d1e; |
||||||
|
outline: none; |
||||||
|
letter-spacing: 0.2px; |
||||||
|
font-size: 13px; |
||||||
|
border: 1px #181818 solid; |
||||||
|
} |
||||||
|
|
||||||
|
.modulePost textarea:focus { |
||||||
|
height: 80px; |
||||||
|
} |
||||||
|
|
||||||
|
.modulePost .button { |
||||||
|
float: right; |
||||||
|
padding: 6px 16px; |
||||||
|
border-radius: 3px; |
||||||
|
cursor: pointer; |
||||||
|
background-color: #337ab7; |
||||||
|
color: #fff; |
||||||
|
border: 0; |
||||||
|
font-size: 13px; |
||||||
|
} |
||||||
|
|
||||||
|
.modulePost .button:hover { |
||||||
|
background-color: #437baa |
||||||
|
} |
||||||
|
|
||||||
|
.modulePost .content { |
||||||
|
background: rgb(89,99,116); |
||||||
|
border-radius: 3px; |
||||||
|
padding: 16px; |
||||||
|
} |
Loading…
Reference in new issue