mirror of
https://github.com/styppo/hamstr.git
synced 2024-10-18 05:23:28 +00:00
Branding
This commit is contained in:
styppo
parent
809a6dcfc0
commit
7c27ec8963
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.5 KiB |
BIN
public/icons/favicon-64x64.png
Normal file
BIN
public/icons/favicon-64x64.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
@ -193,6 +193,11 @@ module.exports = configure(function (ctx) {
|
||||
sizes: '32x32',
|
||||
type: 'image/png',
|
||||
},
|
||||
{
|
||||
src: 'icons/favicon-64x64.png',
|
||||
sizes: '64x64',
|
||||
type: 'image/png',
|
||||
},
|
||||
{
|
||||
src: 'icons/favicon-128x128.png',
|
||||
sizes: '128x128',
|
||||
|
||||
@ -1,4 +1,6 @@
|
||||
$color-blue: #1DA1F2;
|
||||
//$color-primary: #1DA1F2;
|
||||
$color-primary: #EE517D;
|
||||
//$color-primary: #F9A82C;
|
||||
$color-black: #14171A;
|
||||
$color-dark-gray: #657786;
|
||||
$color-light-gray: #AAB8C2;
|
||||
|
||||
@ -1081,17 +1081,17 @@ export default {
|
||||
padding: 5px;
|
||||
svg {
|
||||
width: 100%;
|
||||
fill: $color-blue
|
||||
fill: $color-primary
|
||||
}
|
||||
&:hover {
|
||||
background-color: rgba($color: $color-blue, $alpha: 0.3);
|
||||
background-color: rgba($color: $color-primary, $alpha: 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-submit {
|
||||
button {
|
||||
cursor: pointer;
|
||||
background-color: $color-blue;
|
||||
background-color: $color-primary;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
padding: 10px 16px;
|
||||
@ -1100,7 +1100,7 @@ export default {
|
||||
border-radius: 9999px;
|
||||
&:disabled{
|
||||
cursor: no-drop;
|
||||
background-color: rgba($color: $color-blue, $alpha: 0.3);
|
||||
background-color: rgba($color: $color-primary, $alpha: 0.3);
|
||||
color: rgba($color: #fff, $alpha: 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1075,17 +1075,17 @@ export default {
|
||||
padding: 5px;
|
||||
svg {
|
||||
width: 100%;
|
||||
fill: $color-blue
|
||||
fill: $color-primary
|
||||
}
|
||||
&:hover {
|
||||
background-color: rgba($color: $color-blue, $alpha: 0.3);
|
||||
background-color: rgba($color: $color-primary, $alpha: 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-submit {
|
||||
button {
|
||||
cursor: pointer;
|
||||
background-color: $color-blue;
|
||||
background-color: $color-primary;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
padding: 10px 16px;
|
||||
@ -1094,7 +1094,7 @@ export default {
|
||||
border-radius: 9999px;
|
||||
&:disabled{
|
||||
cursor: no-drop;
|
||||
background-color: rgba($color: $color-blue, $alpha: 0.3);
|
||||
background-color: rgba($color: $color-primary, $alpha: 0.3);
|
||||
color: rgba($color: #fff, $alpha: 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
:show-skin-tones="true"
|
||||
emoji="thumbsup"
|
||||
title=""
|
||||
color="#ee517d"
|
||||
@select="onSelect"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@ -34,9 +34,7 @@
|
||||
<div class="controls-media-item">
|
||||
<BaseIcon icon="emoji" />
|
||||
<q-menu ref="menuEmojiPicker">
|
||||
<EmojiPicker
|
||||
color="#1da1f2"
|
||||
@select="onEmojiSelected"/>
|
||||
<EmojiPicker @select="onEmojiSelected"/>
|
||||
</q-menu>
|
||||
</div>
|
||||
|
||||
@ -112,7 +110,7 @@ export default {
|
||||
@import "assets/theme/colors.scss";
|
||||
|
||||
.post-editor {
|
||||
padding: 10px 1rem 0;
|
||||
padding: 0 1rem;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
border-bottom: $border-dark;
|
||||
@ -195,17 +193,17 @@ export default {
|
||||
padding: 5px;
|
||||
svg {
|
||||
width: 100%;
|
||||
fill: $color-blue
|
||||
fill: $color-primary
|
||||
}
|
||||
&:hover {
|
||||
background-color: rgba($color: $color-blue, $alpha: 0.3);
|
||||
background-color: rgba($color: $color-primary, $alpha: 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-submit {
|
||||
button {
|
||||
cursor: pointer;
|
||||
background-color: $color-blue;
|
||||
background-color: $color-primary;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
padding: 10px 16px;
|
||||
@ -214,7 +212,7 @@ export default {
|
||||
border-radius: 9999px;
|
||||
&:disabled{
|
||||
cursor: no-drop;
|
||||
background-color: rgba($color: $color-blue, $alpha: 0.3);
|
||||
background-color: rgba($color: $color-primary, $alpha: 0.3);
|
||||
color: rgba($color: #fff, $alpha: 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
173
src/components/MainMenu/Logo.vue
Normal file
173
src/components/MainMenu/Logo.vue
Normal file
@ -0,0 +1,173 @@
|
||||
<template>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve">
|
||||
|
||||
<circle fill="none" stroke="#ffffff" stroke-width="10" stroke-linecap="round" stroke-miterlimit="10" cx="133.199" cy="130.25" r="106.182"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#000000" stroke="#ffffff" stroke-width="10" stroke-miterlimit="10" d="
|
||||
M91.84,32.425c-4.694-7.709-13.178-12.857-22.864-12.857c-14.773,0-26.75,11.977-26.75,26.75c0,7.152,2.813,13.645,7.388,18.445
|
||||
C60.646,50.699,75.152,39.489,91.84,32.425z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#000000" stroke="#ffffff" stroke-width="10" stroke-miterlimit="10" d="
|
||||
M217.869,66.175c5.421-4.896,8.829-11.979,8.829-19.857c0-14.773-11.977-26.75-26.75-26.75c-10.05,0-18.801,5.545-23.372,13.74
|
||||
C192.963,40.651,207.146,52.028,217.869,66.175z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#ffffff" stroke-width="7.8" stroke-linecap="round" stroke-miterlimit="10" d="
|
||||
M111.924,173.533c1.293,3.641,13.903,13.365,22.918,0.072c0,0,11.979,18.418,24.176-1.578"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#ffffff" stroke-width="7.8" stroke-linecap="round" stroke-miterlimit="10" d="
|
||||
M129.402,165.188c0.031-0.081,0.09-0.155,0.18-0.217c1.373-0.94,3.612-0.855,5.194-0.867c1.735-0.012,3.53,0.198,5.083,1.028
|
||||
c0.172,0.092,1.881,1.393,1.621,1.624c-0.004,0.003-6.67,5.933-6.67,5.933c-1.37-1.826-2.651-3.791-4.164-5.499
|
||||
C130.338,166.843,129.162,165.79,129.402,165.188z"/>
|
||||
<rect x="125.827" y="180.336" fill="none" stroke="#ffffff" stroke-width="5.9596" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="19.288" height="16.063"/>
|
||||
<line fill="none" stroke="#ffffff" stroke-width="5.6755" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="135.471" y1="181.434" x2="135.471" y2="195.605"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" d="M159.566,94.718c-0.028-4.768,2.142-8.315,5.631-9.212
|
||||
c4.142-1.064,8.235,0.861,10.573,5.005c1.475,2.613,2.157,5.365,1.628,8.403c-0.756,4.326-3.018,6.938-6.573,7.368
|
||||
c-4.298,0.521-8.478-1.775-10.003-5.584C160.058,98.791,159.447,96.824,159.566,94.718z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" d="M112.121,94.773c-0.039,7.146-4.395,11.856-10.654,11.561
|
||||
c-2.194-0.104-3.972-1.021-5.309-2.704c-3.883-4.893-1.758-14.426,3.817-17.291C106.379,83.05,112.163,87.066,112.121,94.773z"/>
|
||||
<line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="180.577" y1="168.397" x2="213.361" y2="166.817"/>
|
||||
<line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="181.577" y1="157.38" x2="212.833" y2="145.573"/>
|
||||
<line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="90.425" y1="168.397" x2="57.641" y2="166.817"/>
|
||||
<line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="89.425" y1="157.38" x2="58.168" y2="145.573"/>
|
||||
<g>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M42.012,79.572c0.132,0.025,0.265,0.062,0.398,0.077
|
||||
c3.711,0.448,6.821,0.1,8.829-3.911c1.416-2.828,4.448-4.441,7.032-6.284c5.286-2.69,10.82-3.907,16.761-2.956
|
||||
c2.675,0.43,5.17,1.353,7.629,2.425c2.689,2.424,5.391,3.114,8.121,0.061c5.862-2.69,11.908-3.627,18.252-2.005
|
||||
c2.155,0.552,4.146,1.479,6.143,2.411c4.115,2.575,7.618,5.754,9.869,10.136c0.438,0.853,0.838,0.808,1.437,0.204
|
||||
c1.395-1.409,3.21-2.125,4.954-2.957c2.707-0.625,5.413-0.629,8.119,0.003c1.735,0.845,3.584,1.508,4.946,2.958
|
||||
c0.799,0.851,1.157,0.357,1.543-0.384c2.245-4.309,5.723-7.412,9.772-9.954c8.063-4.246,16.196-4.203,24.394-0.409
|
||||
c2.457,2.461,4.976,2.96,7.607,0.251c0.134-0.14,0.342-0.207,0.515-0.309c8.218-3.889,16.346-3.602,24.39,0.526
|
||||
c1.619,1.219,3.238,2.438,4.856,3.657c1.09,1.222,2.179,2.445,3.269,3.668c0.716,2.344,2.265,3.263,4.698,2.899
|
||||
c1.126-0.168,2.29-0.081,3.437-0.109c2.688,0.07,5.376,0.142,8.065,0.213c0.846,0.268,1.453,0.876,2.08,1.454
|
||||
c0.974,3.15-0.226,4.889-3.467,4.937c-3.047,0.045-6.097,0.063-9.145,0.011c-1.169-0.02-1.473,0.245-1.27,1.495
|
||||
c0.347,2.127,0.498,4.273,0.302,6.47c-0.359,4.014-1.648,7.744-3.014,11.474c-2.858,5.855-6.475,11.198-10.82,16.053
|
||||
c-6.732,7.522-14.58,13.634-23.374,18.557c-2.697,1.737-5.408,2.031-8.139,0.075c-1.973-1.163-3.995-2.249-5.91-3.5
|
||||
c-9.439-6.162-17.451-13.818-23.941-23.048c-0.875-1.386-1.751-2.771-2.627-4.155c-0.454-1.442-1.204-2.739-1.99-4.016
|
||||
c-0.856-2.7-1.713-5.401-2.57-8.102c-0.178-1.77-0.355-3.54-0.534-5.309c0.072-1.077,0.284-2.164-0.232-3.197
|
||||
c-0.063-0.424-0.127-0.847-0.19-1.269c-0.07-0.122-0.142-0.243-0.213-0.363c-0.051-0.671-0.384-1.189-0.867-1.629
|
||||
c-0.321-0.725-0.869-1.217-1.573-1.554c-3.112-2.09-6.254-1.834-8.923,0.725c-0.138,0.139-0.277,0.278-0.415,0.415
|
||||
c-0.652,0.349-0.858,0.999-1.107,1.622c-0.037,0.141-0.073,0.28-0.109,0.422c-0.069,0.119-0.137,0.238-0.207,0.358
|
||||
c-0.264,0.395-0.264,0.829-0.197,1.274c-0.541,1.169-0.269,2.396-0.261,3.603c-0.168,1.634-0.336,3.269-0.504,4.901
|
||||
c-0.859,2.7-1.717,5.4-2.576,8.1c-7.699,15.335-19.646,26.453-34.464,34.72c-2.731,1.945-5.442,1.669-8.139-0.075
|
||||
c-3.726-2.183-7.404-4.43-10.859-7.039c-7.289-5.503-13.5-12.036-18.816-19.441c-0.774-1.235-1.548-2.471-2.322-3.706
|
||||
c-0.734-1.475-1.467-2.948-2.2-4.421c-1.032-2.845-2.057-5.692-2.726-8.652c-0.149-2.113-0.3-4.229-0.449-6.342
|
||||
c0.15-1.068,0.198-2.165,0.479-3.197c0.308-1.13-0.186-1.248-1.097-1.235c-3.315,0.041-6.632,0.041-9.948,0.057
|
||||
c-0.277-0.024-0.554-0.05-0.831-0.076c-2.443-1.391-2.822-2.317-2.019-4.939c0.619-0.592,1.242-1.179,2.083-1.451
|
||||
C36.636,79.716,39.324,79.644,42.012,79.572z M68.428,73.085c-3.512,0.186-6.523,1.67-9.177,3.825
|
||||
c-7.242,5.878-9.313,15.282-5.281,24.617c5.711,13.222,15.888,22.413,27.488,30.399c3.835,2.641,7.113,3.099,10.675-0.001
|
||||
c0.101-0.088,0.192-0.187,0.288-0.28c4.309-2.575,8.188-5.717,11.847-9.129c5.767-5.378,10.891-11.28,14.347-18.453
|
||||
c3.509-7.281,4.58-14.578,0.334-22.043c-5.48-9.635-19.425-12.309-27.946-5.248c-4.083,3.383-4.177,3.385-8.209,0.133
|
||||
c-0.211-0.169-0.41-0.356-0.632-0.509C78.001,73.565,73.521,72.055,68.428,73.085z M189.626,131.684
|
||||
c1.316-0.439,2.295-1.414,3.378-2.199c9.257-6.7,17.309-14.53,22.6-24.826c3.794-7.382,5.07-14.897,0.708-22.584
|
||||
c-3.608-6.358-11.465-10.133-18.736-9.139c-4.038,0.552-7.433,2.231-10.469,4.856c-2.321,2.007-3.459,1.976-5.874,0.04
|
||||
c-0.476-0.381-0.909-0.817-1.4-1.174c-4.15-3.01-8.688-4.547-13.868-3.617c-6.435,0.346-13.212,5.816-15.483,12.261
|
||||
c-2.434,6.909-0.987,13.359,2.304,19.478c7.031,13.075,17.719,22.475,30.516,29.665c0.57,0.32,1.036,0.429,1.659,0.029
|
||||
C186.485,133.494,188.068,132.607,189.626,131.684z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#EE517D" d="M165.966,73.041c5.18-0.93,9.718,0.607,13.868,3.617
|
||||
c0.491,0.356,0.924,0.793,1.4,1.174c2.415,1.936,3.553,1.967,5.874-0.04c3.036-2.625,6.431-4.305,10.469-4.856
|
||||
c7.271-0.994,15.127,2.78,18.736,9.139c4.362,7.687,3.087,15.202-0.708,22.584c-5.292,10.296-13.343,18.126-22.6,24.826
|
||||
c-1.083,0.785-2.063,1.76-3.378,2.199c-0.51-0.317-0.374-0.748-0.305-1.244c0.378-2.732-0.268-5.158-2.193-7.222
|
||||
c-3.58-3.837-7.486-7.346-10.811-11.446c-5.081-6.266-9.277-12.96-10.926-20.938c-0.581-2.814-0.685-5.835,0.147-8.638
|
||||
C166.447,79.13,167.537,76.178,165.966,73.041z M206.624,96.162c-1.352-0.042-2.377,0.556-2.999,1.712
|
||||
c-3.442,6.409-8.182,11.729-13.62,16.493c-1.699,1.488-1.825,3.688-0.526,5.023c1.327,1.365,3.305,1.25,5.061-0.288
|
||||
c2.96-2.59,5.761-5.344,8.287-8.354c2.481-2.956,4.669-6.133,6.407-9.588C210.478,98.688,209.148,96.215,206.624,96.162z
|
||||
M200.461,80.059c-1.913-0.124-3.401,1.002-3.622,2.734c-0.252,1.963,0.81,3.48,2.795,3.7c1.993,0.222,3.543,1.024,4.822,2.591
|
||||
c1.355,1.659,3.131,1.821,4.592,0.626c1.488-1.217,1.67-2.967,0.462-4.653C207.291,81.958,204.223,80.379,200.461,80.059z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#EE517D" d="M68.428,73.085c5.092-1.03,9.573,0.48,13.734,3.312
|
||||
c0.223,0.152,0.421,0.34,0.632,0.509c4.033,3.252,4.126,3.25,8.209-0.133c8.521-7.061,22.465-4.387,27.946,5.248
|
||||
c4.246,7.465,3.174,14.762-0.334,22.043c-3.456,7.173-8.58,13.075-14.347,18.453c-3.659,3.412-7.538,6.554-11.847,9.129
|
||||
c-0.595-0.452-0.45-1.113-0.399-1.69c0.287-3.303-1.04-5.827-3.41-8.07c-5.796-5.487-11.381-11.176-15.376-18.194
|
||||
c-4.231-7.433-7.336-15.118-4.326-23.811C69.764,77.415,69.468,75.287,68.428,73.085z M112.36,99.453
|
||||
c0.049-1.622-0.712-2.688-2.132-3.133c-1.462-0.457-2.818-0.13-3.708,1.24c-1.283,1.977-2.452,4.03-3.784,5.972
|
||||
c-2.81,4.092-6.397,7.476-10.014,10.833c-1.794,1.666-1.963,3.45-0.609,4.954c1.239,1.378,3.228,1.436,4.882-0.013
|
||||
c5.878-5.144,11.085-10.856,14.772-17.82C112.115,100.83,112.455,100.165,112.36,99.453z M102.367,80.007
|
||||
c-1.207-0.052-2.789,1.222-2.979,3.015c-0.176,1.654,1.074,3.263,2.943,3.464c2.095,0.226,3.599,1.225,4.933,2.797
|
||||
c1.256,1.48,3.11,1.552,4.497,0.424c1.381-1.123,1.651-2.974,0.531-4.517C110.028,82.072,106.958,80.332,102.367,80.007z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#D23E69" d="M165.966,73.041c1.571,3.137,0.481,6.089-0.428,9.154
|
||||
c-0.832,2.803-0.728,5.823-0.147,8.638c1.648,7.979,5.845,14.673,10.926,20.938c3.325,4.101,7.231,7.609,10.811,11.446
|
||||
c1.926,2.063,2.572,4.489,2.193,7.222c-0.069,0.496-0.205,0.927,0.305,1.244c-1.559,0.924-3.141,1.811-4.665,2.79
|
||||
c-0.623,0.399-1.089,0.291-1.659-0.029c-12.797-7.19-23.485-16.59-30.516-29.665c-3.291-6.118-4.738-12.568-2.304-19.478
|
||||
C152.753,78.857,159.531,73.387,165.966,73.041z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#D23E69" d="M68.428,73.085c1.04,2.202,1.336,4.33,0.482,6.795
|
||||
c-3.011,8.692,0.095,16.378,4.326,23.811c3.996,7.019,9.581,12.707,15.376,18.194c2.37,2.243,3.696,4.768,3.41,8.07
|
||||
c-0.05,0.577-0.195,1.238,0.399,1.69c-0.096,0.094-0.187,0.192-0.288,0.28c-3.563,3.1-6.84,2.642-10.675,0.001
|
||||
c-11.6-7.986-21.776-17.178-27.488-30.399c-4.032-9.335-1.961-18.739,5.281-24.617C61.905,74.755,64.916,73.271,68.428,73.085z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M206.624,96.162c2.524,0.053,3.854,2.526,2.609,4.998
|
||||
c-1.738,3.455-3.926,6.632-6.407,9.588c-2.526,3.011-5.327,5.765-8.287,8.354c-1.756,1.538-3.734,1.653-5.061,0.288
|
||||
c-1.299-1.336-1.173-3.535,0.526-5.023c5.438-4.765,10.178-10.084,13.62-16.493C204.247,96.718,205.272,96.12,206.624,96.162z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M200.461,80.059c3.762,0.32,6.83,1.899,9.049,4.998
|
||||
c1.208,1.687,1.026,3.437-0.462,4.653c-1.461,1.195-3.237,1.033-4.592-0.626c-1.279-1.566-2.829-2.369-4.822-2.591
|
||||
c-1.985-0.22-3.047-1.737-2.795-3.7C197.06,81.061,198.548,79.935,200.461,80.059z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M112.36,99.453c0.094,0.712-0.246,1.377-0.593,2.033
|
||||
c-3.688,6.964-8.895,12.677-14.772,17.82c-1.654,1.448-3.644,1.391-4.882,0.013c-1.354-1.504-1.186-3.288,0.609-4.954
|
||||
c3.617-3.357,7.205-6.741,10.014-10.833c1.333-1.941,2.501-3.995,3.784-5.972c0.89-1.37,2.247-1.697,3.708-1.24
|
||||
C111.648,96.765,112.41,97.831,112.36,99.453z"/>
|
||||
<path
|
||||
fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M102.367,80.007c4.592,0.325,7.662,2.065,9.925,5.183
|
||||
c1.121,1.543,0.851,3.394-0.531,4.517c-1.387,1.128-3.241,1.057-4.497-0.424c-1.334-1.572-2.838-2.571-4.933-2.797
|
||||
c-1.869-0.201-3.119-1.81-2.943-3.464C99.578,81.229,101.16,79.955,102.367,80.007z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<!--<template>-->
|
||||
<!-- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"-->
|
||||
<!-- y="0px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve">-->
|
||||
<!-- <path fill-rule="evenodd" clip-rule="evenodd" fill="#F9A82C" d="M219.79,125.722c4.016,10.985,2.506,22.226,10.022,32.035-->
|
||||
<!-- c1.879,2.452,4.029,4.798,6.381,6.958c2.066-8.268,3.188-16.911,3.188-25.82c0-54.666-41.312-99.675-94.416-105.53-->
|
||||
<!-- c-6.476,4.667-12.78,13.308-16.379,19.973c-4.394,8.14-5.951,17.401-4.641,26.549c3.575,24.944,25.215,42.949,50.115,41.015-->
|
||||
<!-- c6.839-0.53,13.864-2.041,20.416-4.065C205.097,113.555,215.435,113.809,219.79,125.722z"/>-->
|
||||
<!-- <circle fill="none" stroke="#ffffff" stroke-width="10" stroke-linecap="round" stroke-miterlimit="10" cx="133.199"-->
|
||||
<!-- cy="138.894" r="106.182"/>-->
|
||||
<!-- <path fill-rule="evenodd" clip-rule="evenodd" fill="#F9A82C" stroke="#ffffff" stroke-width="10" stroke-miterlimit="10"-->
|
||||
<!-- d="-->
|
||||
<!-- M91.84,41.068c-4.694-7.709-13.178-12.857-22.864-12.857c-14.773,0-26.75,11.977-26.75,26.75c0,7.152,2.813,13.645,7.388,18.445-->
|
||||
<!-- C60.646,59.343,75.152,48.133,91.84,41.068z"/>-->
|
||||
<!-- <path fill-rule="evenodd" clip-rule="evenodd" fill="#F9A82C" stroke="#ffffff" stroke-width="10" stroke-miterlimit="10"-->
|
||||
<!-- d="-->
|
||||
<!-- M217.869,74.818c5.421-4.896,8.829-11.979,8.829-19.857c0-14.773-11.977-26.75-26.75-26.75c-10.05,0-18.801,5.545-23.372,13.74-->
|
||||
<!-- C192.963,49.295,207.146,60.672,217.869,74.818z"/>-->
|
||||
<!-- <path fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#ffffff" stroke-width="7.8" stroke-linecap="round"-->
|
||||
<!-- stroke-miterlimit="10" d="M111.924,164.271c1.293,3.641,13.903,13.365,22.918,0.072c0,0,11.979,18.418,24.176-1.578"/>-->
|
||||
<!-- <path fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#ffffff" stroke-width="7.8" stroke-linecap="round"-->
|
||||
<!-- stroke-miterlimit="10" d="-->
|
||||
<!-- M129.402,155.927c0.031-0.081,0.09-0.155,0.18-0.217c1.373-0.94,3.612-0.855,5.194-0.867c1.735-0.012,3.53,0.198,5.083,1.028-->
|
||||
<!-- c0.172,0.092,1.881,1.393,1.621,1.624c-0.004,0.003-6.67,5.933-6.67,5.933c-1.37-1.826-2.651-3.791-4.164-5.499-->
|
||||
<!-- C130.338,157.581,129.162,156.528,129.402,155.927z"/>-->
|
||||
<!-- <rect x="125.827" y="171.074" fill="none" stroke="#ffffff" stroke-width="5.9596" stroke-linecap="round"-->
|
||||
<!-- stroke-linejoin="round" stroke-miterlimit="10" width="19.288" height="16.063"/>-->
|
||||
<!-- <line fill="none" stroke="#ffffff" stroke-width="5.6755" stroke-linecap="round" stroke-linejoin="round"-->
|
||||
<!-- stroke-miterlimit="10" x1="135.471" y1="172.172" x2="135.471" y2="186.344"/>-->
|
||||
<!-- <path fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M159.566,103.361c-0.028-4.768,2.142-8.315,5.631-9.212-->
|
||||
<!-- c4.142-1.064,8.235,0.861,10.573,5.005c1.475,2.613,2.157,5.365,1.628,8.403c-0.756,4.326-3.018,6.938-6.573,7.368-->
|
||||
<!-- c-4.298,0.521-8.478-1.775-10.003-5.584C160.058,107.435,159.447,105.468,159.566,103.361z"/>-->
|
||||
<!-- <path fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M112.121,103.417c-0.039,7.146-4.395,11.856-10.654,11.561-->
|
||||
<!-- c-2.194-0.104-3.972-1.021-5.309-2.704c-3.883-4.893-1.758-14.426,3.817-17.291C106.379,91.693,112.163,95.71,112.121,103.417z"/>-->
|
||||
<!-- <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="180.577"-->
|
||||
<!-- y1="159.136" x2="213.361" y2="157.556"/>-->
|
||||
<!-- <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="181.577"-->
|
||||
<!-- y1="142.118" x2="212.833" y2="130.312"/>-->
|
||||
<!-- <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="90.425"-->
|
||||
<!-- y1="159.136" x2="57.641" y2="157.556"/>-->
|
||||
<!-- <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="89.425"-->
|
||||
<!-- y1="142.118" x2="58.168" y2="130.312"/>-->
|
||||
<!-- </svg>-->
|
||||
<!--</template>-->
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Logo',
|
||||
}
|
||||
</script>
|
||||
@ -3,8 +3,7 @@
|
||||
<div class="menu-nav">
|
||||
<div class="menu-logo">
|
||||
<router-link to="/">
|
||||
<!-- <base-icon icon="twitter" />-->
|
||||
<img src="icons/hamstr_3-64x64.png" />
|
||||
<Logo />
|
||||
</router-link>
|
||||
</div>
|
||||
<menu-item
|
||||
@ -60,16 +59,18 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MenuItem from 'components/MainMenu/Item'
|
||||
import MenuItem from 'components/MainMenu/MenuItem.vue'
|
||||
import { MENU_ITEMS } from 'components/MainMenu/constants.js'
|
||||
import BaseIcon from 'components/BaseIcon'
|
||||
import ProfilePopup from 'components/MainMenu/ProfilePopup'
|
||||
import Logo from 'components/MainMenu/Logo'
|
||||
// import MoreMenu from 'components/MainMenu/MoreMenu'
|
||||
// import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'MainMenu',
|
||||
components: {
|
||||
Logo,
|
||||
MenuItem,
|
||||
BaseIcon,
|
||||
//MoreMenu,
|
||||
@ -116,26 +117,26 @@ menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
margin: 0;
|
||||
.menu {
|
||||
&-nav {
|
||||
position: relative;
|
||||
}
|
||||
height: 100%;
|
||||
&-logo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
padding: 10px;
|
||||
border-radius: 999px;
|
||||
transition: 200ms ease-in-out;
|
||||
margin: 1rem 0;
|
||||
svg, img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
fill: #fff;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
&:hover {
|
||||
background-color: rgba($color: $color-blue, $alpha: 0.2);
|
||||
svg{
|
||||
fill: #fff;
|
||||
svg {
|
||||
circle {
|
||||
fill: transparent;
|
||||
transition: fill 200ms ease-in-out;
|
||||
}
|
||||
&:hover circle {
|
||||
fill: rgba($color: $color-primary, $alpha: 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -144,7 +145,7 @@ menu {
|
||||
text-align: center;
|
||||
padding: 1rem 0;
|
||||
cursor: pointer;
|
||||
background-color: $color-blue;
|
||||
background-color: $color-primary;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
@ -167,7 +168,7 @@ menu {
|
||||
align-items: center;
|
||||
padding: 6px;
|
||||
border-radius: 999px;
|
||||
background-color: $color-blue;
|
||||
background-color: $color-primary;
|
||||
.icon {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
@ -79,12 +79,12 @@ a {
|
||||
font-weight: bold;
|
||||
}
|
||||
&:hover {
|
||||
background-color: rgba($color: $color-blue, $alpha: 0.2);
|
||||
background-color: rgba($color: $color-primary, $alpha: 0.2);
|
||||
& {
|
||||
color: $color-blue;
|
||||
color: $color-primary;
|
||||
}
|
||||
svg {
|
||||
fill: $color-blue;
|
||||
fill: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -93,11 +93,11 @@ a {
|
||||
.menu-item {
|
||||
&-logo {
|
||||
svg {
|
||||
fill: $color-blue;
|
||||
fill: $color-primary;
|
||||
}
|
||||
}
|
||||
&-content {
|
||||
color: $color-blue;
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -119,7 +119,7 @@ export default {
|
||||
position: relative;
|
||||
}
|
||||
&:hover {
|
||||
background-color: rgba($color: $color-blue, $alpha: 0.3);
|
||||
background-color: rgba($color: $color-primary, $alpha: 0.3);
|
||||
}
|
||||
&-pic {
|
||||
width: 3rem;
|
||||
@ -183,7 +183,7 @@ export default {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
svg {
|
||||
fill: $color-blue;
|
||||
fill: $color-primary;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@ -202,7 +202,7 @@ export default {
|
||||
padding: 0;
|
||||
}
|
||||
span {
|
||||
color: $color-blue;
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -49,12 +49,13 @@ export default defineComponent({
|
||||
|
||||
.page-header {
|
||||
//border-bottom: $border-dark;
|
||||
padding: .5rem 1rem;
|
||||
margin: 1rem;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
h2 {
|
||||
margin: .5rem 0;
|
||||
line-height: 50px;
|
||||
margin: 0;
|
||||
}
|
||||
.back-button {
|
||||
width: 2.5rem;
|
||||
@ -64,13 +65,13 @@ export default defineComponent({
|
||||
border-radius: 999px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background-color: rgba($color: $color-blue, $alpha: 0.3);
|
||||
background-color: rgba($color: $color-primary, $alpha: 0.3);
|
||||
}
|
||||
svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: translateX(-3px);
|
||||
fill: $color-blue;
|
||||
fill: $color-primary;
|
||||
}
|
||||
}
|
||||
.profile-info {
|
||||
|
||||
@ -164,7 +164,7 @@ export default {
|
||||
.in-reply-to {
|
||||
color: $color-dark-gray;
|
||||
a {
|
||||
color: $color-blue;
|
||||
color: $color-primary;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -159,10 +159,11 @@ export default {
|
||||
@import 'assets/theme/colors.scss';
|
||||
|
||||
.searchbox {
|
||||
background-color: rgba($color: $color-dark-gray, $alpha: 0.3);
|
||||
padding: 1rem;
|
||||
height: 50px;
|
||||
padding: 12px 1rem;
|
||||
border-radius: 999px;
|
||||
margin: 0 0 1rem;
|
||||
margin: 1rem 0;
|
||||
background-color: rgba($color: $color-dark-gray, $alpha: 0.3);
|
||||
border: 1px solid rgba($color: $color-dark-gray, $alpha: 0);
|
||||
transition: border 150ms ease;
|
||||
&-wrapper {
|
||||
@ -195,9 +196,9 @@ export default {
|
||||
}
|
||||
}
|
||||
&.focused {
|
||||
border: 1px solid rgba($color: $color-blue, $alpha: 1);
|
||||
border: 1px solid rgba($color: $color-primary, $alpha: 1);
|
||||
svg {
|
||||
fill: $color-blue;
|
||||
fill: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -21,6 +21,12 @@
|
||||
sizes="128x128"
|
||||
href="icons/favicon-128x128.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="64x64"
|
||||
href="icons/favicon-64x64.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
<div class="layout">
|
||||
<div class="layout-menu">
|
||||
<div class="layout-menu-fixed">
|
||||
<main-menu />
|
||||
<MainMenu />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -42,8 +42,8 @@
|
||||
|
||||
<div class="layout-sidebar">
|
||||
<div class="layout-sidebar-fixed">
|
||||
<search-box />
|
||||
<trends />
|
||||
<SearchBox />
|
||||
<Trends />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -89,10 +89,10 @@ import { defineComponent} from 'vue'
|
||||
import { scroll, useQuasar, LocalStorage } from 'quasar'
|
||||
const { getVerticalScrollPosition, setVerticalScrollPosition} = scroll
|
||||
import { activateSub, deactivateSub, destroyStreams } from '../query'
|
||||
import MainMenu from 'components/MainMenu/index.vue'
|
||||
import MainMenu from 'components/MainMenu/MainMenu.vue'
|
||||
import TheUserMenu from 'components/TheUserMenu.vue'
|
||||
import TheKeyInitializationDialog from 'components/TheKeyInitializationDialog.vue'
|
||||
import SearchBox from 'components/SearchBox/index.vue'
|
||||
import SearchBox from 'components/SearchBox/SearchBox.vue'
|
||||
import Trends from 'components/Trends/index.vue'
|
||||
import { setCssVar, getCssVar } from 'quasar'
|
||||
|
||||
@ -371,7 +371,6 @@ export default defineComponent({
|
||||
width: 100%;
|
||||
max-width: 330px;
|
||||
margin-left: 1rem;
|
||||
margin-top: 1rem;
|
||||
&-fixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
@ -418,7 +417,7 @@ export default defineComponent({
|
||||
height: 3rem;
|
||||
padding: 8px;
|
||||
border-radius: 999px;
|
||||
background-color: $color-blue;
|
||||
background-color: $color-primary;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
@ -49,7 +49,7 @@ import {dbFeed, dbUserFollows} from '../query'
|
||||
import BaseButtonLoadMore from 'components/BaseButtonLoadMore.vue'
|
||||
import { createMetaMixin } from 'quasar'
|
||||
import PageHeader from 'components/PageHeader.vue'
|
||||
import Post from 'components/Post/index.vue'
|
||||
import Post from 'components/Post/Post.vue'
|
||||
import PostEditor from 'components/CreatePost/PostEditor.vue'
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user